@extends('layouts.app')
@section('title', 'Post Update')
@section('content')
    <div class="container mt-4">
        <form action="{{ route('admin.post.make.change', $post->id) }}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row g-3 mb-3">
                <div class="col-sm-6 col-md-4 col-lg-3">
                    <label for="title">Post title</label>
                    <input type="text" class="form-control" name="title" value="{{ $post->title }}"
                        placeholder="Enter title">
                </div>
                <div class="col-sm-6 col-md-4 col-lg-3">
                    <label for="category">Post category</label>
                    <input type="text" class="form-control" name="category" value="{{ $post->category }}"
                        placeholder="Enter category">
                </div>
                <div class="col-sm-6 col-md-4 col-lg-3">
                    <label for="post_image">Post image</label>
                    <input type="file" class="form-control" name="post_image" value="{{ $post->post_image }}">
                </div>
                @php
                    $tagsArray = json_decode($post->post_tags);
                @endphp

                @if (!empty($tagsArray) && array_filter($tagsArray))
                    <div class="col-sm-6 col-md-4 col-lg-3">
                        <label for="post_tags">Post tags</label>
                        <input type="text" value="{{ implode(', ', $tagsArray) }}" class="form-control" name="post_tags"
                            placeholder="e.g. Finance,Technology">
                    </div>
                @else
                    <div class="col-sm-6 col-md-4 col-lg-3">
                        <label for="post_tags">Post tags</label>
                        <input type="text" value="News" class="form-control" name="post_tags"
                            placeholder="e.g. Finance,Technology">
                    </div>
                @endif
                <div class="col-12">
                    <img src="{{ asset('storage/posts/' . $post->post_image) }}" class="w-md-100 w-50 rounded-1"
                        alt="">
                </div>
                <div class="col-12">
                    <label for="post">Post content</label>
                    <textarea id="editor" name="post">{{ $post->post }}</textarea>
                </div>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-success px-4">Update</button>
            </div>
        </form>
    </div>
    <script>
        ClassicEditor
            .create(document.querySelector('#editor'))
            .catch(error => {
                console.log(error);
            });
    </script>
@endsection