@extends('layouts.master')

@section('content')
    @php
        use Carbon\Carbon;
    @endphp

    <div class="container-xxl">

        <x-breadcrumb listRoute="{{ route('admin.blogs.index') }}" model="Blogs" item="Edit"></x-breadcrumb>

        @php
            $blogContent = old('description') ?? $blog->description;
        @endphp
        <div class="card">
            <div class="card-body">
                <ul class="nav nav-tabs nav-pills" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" type="button" role="tab">Edit</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('admin.blogs.seo.index', ['blog' => $blog->id]) }}" class="nav-link">SEO</a>
                    </li>
                </ul>
                <x-form.wrapper action="{{ route('admin.blogs.update', $blog->id) }}" method="POST"
                    enctype="multipart/form-data">
                    @method('PATCH')
                    <x-form.row>
                        <x-form.input type="text" col="6" label="Title" :req="true" id="title"
                            name="title" value="{{ old('title') ?? $blog->title }}" />
                        <x-form.input type="text" col="6" label="Slug" :req="true" id="slug"
                            name="slug" value="{{ old('slug') ?? $blog->slug }}" />
                    </x-form.row>
                    <x-form.row>
                        <x-form.input type="date" col="6" label="Publish Date" :req="true" id="publish_date"
                            name="publish_date"
                            value="{{ old('publish_date') ?? Carbon::parse($blog->publish_date)->format('Y-m-d') }}" />

                        <x-form.input type="number" col="6" label="Order No." id="order" name="order"
                            value="{{ old('order') ?? $blog->order }}" />

                    </x-form.row>
                    <x-form.row>
                        <div class="col-lg-4">
                            <x-form.input type="file" label="Image" :req="true" id="image" name="image"
                                accept="image/*" onchange="previewThumb(this,'blog-thumb')" />
                            <x-form.preview id="blog-thumb" url="{{ $blog->feature_image->getPath() }}" />
                        </div>
                        <div class="col-lg-4">
                            <x-form.input type="file" :req="true" label="Cover" id="cover" name="cover"
                                accept="image/*" onchange="previewThumb(this,'cover-thumb')" />
                            <x-form.preview id="cover-thumb" url="{{ $blog->cover_image->getPath() }}" />
                        </div>
                        <div class="col-lg-4">
                            <x-form.select type="number" label="Blog Category" :req="true" :options="\App\Models\Blog::getCategories()"
                                value="{{ old('category_id', $blog->category_id) }}" id="category_id" name="category_id" />

                        </div>
                        
                        {{-- <select name="category_id" id=""></select> --}}
                    </x-form.row>
                    <x-form.textarea label="Description" col="12" :req="true" isEditor="true" id="description"
                        name="description" value="{!! $blogContent !!}" rows="5" cols="5" />

                    <x-form.row>
                        <div class="col-lg-6">

                            <x-form.select label="Author" :req="true" :options="\App\Models\Team::getMembers()" name="author" id="author"
                                value="{{ old('author', $blog->author) }}" />

                            {{-- <x-form.select type="text" label="Author Post" :req="true" :options="[]"
                                id="author_post" name="author_post" value="{{ old('author_post', $blog->author_post) }}" />


                            <x-form.input type="file" label="Author Image" id="meta" name="meta"
                                accept="image/*,video/*" onchange="previewThumb(this,'meta-thumb')" />
                            <x-form.preview id="meta-thumb" url="{{ $blog->meta_image->getPath() }}" /> --}}
                        </div>
                    </x-form.row>
                    <br />
                    <div class="row mb-3">
                        <div class="col-md-2">
                            <x-form.checkbox label="Status" id="status" name="status" value="1"
                                class="form-check-input" isEditMode="yes" :isChecked="$blog->status ? 'checked' : ''" />
                        </div>

                        <div class="col-md-2">
                            <x-form.checkbox label="Is Featured" id="is_featured" name="is_featured" value="1"
                                class="form-check-input" isEditMode="yes" :isChecked="$blog->is_featured ? 'checked' : ''" />
                        </div>
                    </div>

                    <x-form.button class="btn btn-sm btn-dark" type="submit"><i class='bx bx-save bx-xs'></i> Save
                    </x-form.button>
                </x-form.wrapper>
            </div>
        </div>
    </div>
@endsection

@push('custom_js')
    {{-- @include('_helpers.slugify', ['title' => 'title']) --}}
    @include('_helpers.image_preview', ['name' => 'image'])
    @include('_helpers.image_preview', ['name' => 'cover'])
    @include('_helpers.ck_editor')
    @include('_helpers.ajax_form')
@endpush