@extends('backend.template.index')
@section('title', 'Edit POST')

@push('css-between')
    <link rel="stylesheet" href="{{ url('vendors/selectpicker') }}/bootstrap-select.min.css">
@endpush
@push('css-after')
    <link href="{{ url('vendors/summernote/summernote.min.css') }}" rel=" stylesheet">
@endpush
@push('script-after')
    <script src="{{ url('vendors/summernote/summernote.min.js') }}"></script>
    <script src="{{ url('vendors/selectpicker') }}/bootstrap-select.min.js"></script>
    <script>
        $('#body').summernote({
            height: 300
        });
        $('.select2').selectpicker();
    </script>
@endpush

@section('content')

    <form action="{{ route('post.update', [subdomain(), $post->uuid]) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PATCH')
        <div class="row mb-4">
            <div class="col-12 col-md-8">
                <div class="card shadow">
                    <div class="card-body">
                        <div class="form-group">
                            <input type="text" class="form-control" name="title" id="title" placeholder="Judul Postingan"
                                value="{{ $post->title }}" </div>
                        </div>
                        <div class="form-group">
                            <textarea name="body" id="body" cols="30" rows="10">
                                    {!! $post->body !!}
                                </textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-4">
                <div class="card">
                    <div class="card-body">
                        <div class="form-group">
                            <label for="post_category_id">Kategori</label>
                            <select class="form-control select2" multiple="" name="post_category_id[]"
                                id="post_category_id">
                                @foreach ($categories as $category)
                                    <option
                                        @foreach ($post->postCategories as $pc) {{ $pc->id === $category->id ? 'selected' : '' }} @endforeach
                                        value="{{ $category->id }}">{{ $category->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="thumb">Thumbnail</label>
                            <input type="file" class="form-control-file" name="thumb" id="thumb">
                            <img src="{{ url('storage') . '/' . $post->thumb }}" class="img-fluid" alt="">
                            <small class="text-danger">-Tidak perlu di isi jika tidak ingin merubah thumbnail</small>
                            <small class="text-danger d-block">-Maksimal gambar 2mb</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body text-right">
                        <button class="btn btn-primary">
                            <i class="fas fa-save fa-fw"></i>
                            Simpan
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>

@endsection