@extends("admin.layouts.dashboard")
@section("content")
<form 
    method="POST" 
    action="{{ LaravelLocalization::localizeUrl("/admin/blog/posts/edit/{$post['id']}") }}" 
    enctype="multipart/form-data">
    <div class="row">
        <div class="col-md-4 col-lg-3 mb-4 mb-md-0">
            <div class="card">
                <div class="card-body">
                    <div class="setting-tabs nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                        <a href="?tab=content" class="nav-link active" id="v-pills-content-tab" data-bs-toggle="pill" data-bs-target="#v-pills-content" role="tab" aria-controls="v-pills-content" aria-selected="true">{{ __('lang.post_content') }}</a>
                        <a href="?tab=seo" class="nav-link" id="v-pills-seo-tab" data-bs-toggle="pill" data-bs-target="#v-pills-seo" role="tab" aria-controls="v-pills-seo" aria-selected="false">{{ __('lang.seo_settings') }}</a>
                    </div>
                    <div class="mt-4">
                        <button type="submit" class="btn btn-color-1 w-100">
                            {{ __('lang.update') }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-8 col-lg-9">
            @if ($errors->any())
                <div class="alert alert-1 alert-dismissible fade show" role="alert">
                    @foreach ($errors->all() as $error)
                        <p class="m-0">{{ $error }}</p>
                    @endforeach
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            @if (session('success'))
                <div class="alert alert-2 alert-dismissible fade show" role="alert">
                    <p class="m-0">{{ session('success') }}</p>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            @if (session('error'))
                <div class="alert alert-1 alert-dismissible fade show" role="alert">
                    <p class="m-0">{{ session('error') }}</p>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            <div class="tab-content" id="v-pills-tabContent">
                <div class="tab-pane fade show active" id="v-pills-content" role="tabpanel" aria-labelledby="v-pills-content-tab" tabindex="0">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-heading pb-3 mb-3">{{ __('lang.post_content') }}</div>
                            <div class="row">
                                <div class="mb-4">
                                    <label for="title" class="form-label">{{ __('lang.title') }}</label>
                                    <input type="text" name="title" class="form-control" id="title" value="{{ $post['title'] }}" autocomplete="off">
                                </div>
                                <div class="col-sm-6 col-md-12 col-lg-4 mb-4">
                                    <label for="featured-photo" class="form-label">{{ __('lang.featured_photo') }}</label>
                                    <input type="file" class="form-control" name="featured-photo" id="featured-photo">
                                    @if ($post['featured_photo'])
                                        <div class="img-container d-flex p-3 mt-4">
                                            <div class="covered" style="background: url({{ img('blog', $post['featured_photo']) }});"></div>
                                        </div>
                                    @endif
                                </div>
                                <div class="col-sm-6 col-md-12 col-lg-4 mb-4">
                                    <label for="category" class="form-label">{{ __('lang.category') }}</label>
                                    <select class="form-select" name="category" id="category" aria-label="Category">
                                        @foreach ($categories as $category)
                                            <option value="{{ $category['id'] }}"{{ $post['category'] == $category['id'] ? ' selected' : '' }}>{{ $category['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-6 col-md-12 col-lg-4 mb-4">
                                    <label for="status" class="form-label">{{ __('lang.status') }}</label>
                                    <select class="form-select" name="status" id="status" aria-label="Status">
                                        <option value="1"{{ $post['status'] == 1 ? ' selected' : '' }}>{{ __('lang.public') }}</option>
                                        <option value="0"{{ $post['status'] == 0 ? ' selected' : '' }}>{{ __('lang.private') }}</option>
                                    </select>
                                </div>
                                <div>
                                    <label for="content" class="form-label">{{ __('lang.content') }}</label>
                                    <textarea 
                                        name="content"
                                        class="editor editor-init"
                                        data-upload="{{ LaravelLocalization::localizeUrl('/admin/blog/posts/upload-file') }}" 
                                        data-delete="{{ LaravelLocalization::localizeUrl('/admin/blog/posts/delete-file') }}" 
                                        id="content">{!! $post['content'] !!}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="v-pills-seo" role="tabpanel" aria-labelledby="v-pills-seo-tab" tabindex="0">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-heading pb-3 mb-3">{{ __('lang.seo_settings') }}</div>
                            <div class="row">
                                <div class="mb-4">
                                    <label for="keywords" class="form-label">{{ __('lang.keywords') }}</label>
                                    <input type="text" class="form-control" name="keywords" id="keywords" value="{{ $seo['keywords'] }}" autocomplete="off">
                                </div>
                                <div class="mb-4">
                                    <label for="description" class="form-label">{{ __('lang.description') }}</label>
                                    <textarea class="form-control" name="description" id="description" rows="2" autocomplete="off">{{ $seo['description'] }}</textarea>
                                </div>
                                <div class="mb-4">
                                    <label for="og-title" class="form-label">{{ __('lang.og_title') }}</label>
                                    <input type="text" class="form-control" name="og-title" id="og-title" value="{{ $seo['og_title'] }}" autocomplete="off">
                                </div>
                                <div class="mb-4">
                                    <label for="og-description" class="form-label">{{ __('lang.og_description') }}</label>
                                    <textarea class="form-control" name="og-description" id="og-description" rows="2" autocomplete="off">{{ $seo['og_description'] }}</textarea>
                                </div>
                                <div class="col-sm-6 col-md-12 col-lg-6 mb-4 mb-sm-0 mb-lg-0 mb-md-4">
                                    <label for="og-image" class="form-label">{{ __('lang.og_image') }}</label>
                                    <input type="file" class="form-control" name="og-image" id="og-image">
                                    @if ($seo['og_image'])
                                        <div class="img-container d-flex p-3 mt-4">
                                            <div class="covered" style="background: url({{ img('blog', $seo['og_image']) }});"></div>
                                        </div>
                                    @endif
                                </div>
                                <div class="col-sm-6 col-md-12 col-lg-6">
                                    <label for="no-index" class="form-label">{{ __('lang.search_engine') }}</label>
                                    <select class="form-select" name="no-index" id="no-index" aria-label="Search Engine Crawlers">
                                        <option value="1"{{ $seo['no_index'] == 1 ? ' selected' : '' }}>{{ __('lang.allow') }}</option>
                                        <option value="0"{{ $seo['no_index'] == 0 ? ' selected' : '' }}>{{ __('lang.block') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @csrf
</form>
@stop