@extends('backend.template.index')
@section('title', 'Tambah 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 src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.min.js"></script>
    <script>
        $('#body').summernote({
            height: 300
        });
        $('.select2').selectpicker();
    </script>
@endpush

@section('content')

    <form action="{{ route('post.store', subdomain()) }}" method="POST" enctype="multipart/form-data">
        @csrf
        <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="{{ old('title') }}">
                        </div>
                        <div class="form-group">
                            <textarea name="body" id="body" cols="30" rows="10"></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 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" required>
                            <small class="text-danger">Maksimal gambar 2mb</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <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>
    </form>

@endsection