@extends('admin::layout')

@component('admin::components.page.header')
    @slot('title', trans('admin::resource.edit', ['resource' => trans('blog::admin.blog_post.name')]))
    @slot('subtitle', $blogPost->title)

    <li><a href="{{ route('admin.blog_posts.index') }}">{{ trans('blog::admin.blog_posts.name') }}</a></li>
    <li class="active">{{ trans('admin::resource.edit', ['resource' => trans('blog::admin.blog_post.name')]) }}</li>
@endcomponent

@section('content')
    <form
        x-data="postEdit({
            formData: {{ $blogPost }},
            meta: {{ $blogPost->meta }},
            tags: {{ $blogPost->tags }}
        })"
        @input="errors.clear($event.target.name)"
        @submit.prevent
        class="blog-post-form form"
        id="blog-create-form"
        x-ref="form"
    >
        <div class="row">
            <div class="form-left-column col-lg-8 col-md-12">
                @include('blog::admin.posts.groups.general')
                @include('blog::admin.posts.groups.seo')
            </div>

            <div class="form-right-column col-lg-4 col-md-12">
                @include('blog::admin.posts.groups.featured_image')
                @include('blog::admin.posts.groups.publish')
                @include('blog::admin.posts.groups.categories')
                @include('blog::admin.posts.groups.tags')
            </div>
        </div>

        <div class="page-form-footer">
            <button
                type="button"
                class="btn btn-default"
                :class="{ 'btn-loading': formSubmissionType === 'save' }"
                :disabled="formSubmitting"
                @click="handleSubmit({
                    submissionType: 'save'
                })"
            >
                {{ trans('admin::admin.buttons.save') }}
            </button>

            <button
                type="button"
                class="btn btn-primary"
                :class="{ 'btn-loading': formSubmissionType === 'save_and_exit' }"
                :disabled="formSubmitting"
                @click="handleSubmit({
                    submissionType: 'save_and_exit'
                })"
            >
                {{ trans('admin::admin.buttons.save_and_exit') }}
            </button>
        </div>
    </form>
@endsection

@include('blog::admin.posts.partials.shortcuts')

@if (session()->has('exit_flash'))
    @push('notifications')
        <div class="alert alert-success fade in alert-dismissible clearfix">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                <path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM11.25 8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V13C12.75 13.41 12.41 13.75 12 13.75C11.59 13.75 11.25 13.41 11.25 13V8ZM12.92 16.38C12.87 16.51 12.8 16.61 12.71 16.71C12.61 16.8 12.5 16.87 12.38 16.92C12.26 16.97 12.13 17 12 17C11.87 17 11.74 16.97 11.62 16.92C11.5 16.87 11.39 16.8 11.29 16.71C11.2 16.61 11.13 16.51 11.08 16.38C11.03 16.26 11 16.13 11 16C11 15.87 11.03 15.74 11.08 15.62C11.13 15.5 11.2 15.39 11.29 15.29C11.39 15.2 11.5 15.13 11.62 15.08C11.86 14.98 12.14 14.98 12.38 15.08C12.5 15.13 12.61 15.2 12.71 15.29C12.8 15.39 12.87 15.5 12.92 15.62C12.97 15.74 13 15.87 13 16C13 16.13 12.97 16.26 12.92 16.38Z" fill="#555555"/>
            </svg>

            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path d="M5.00082 14.9995L14.9999 5.00041" stroke="#555555" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M14.9999 14.9996L5.00082 5.00049" stroke="#555555" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>

            <span class="alert-text">{{ session('exit_flash') }}</span>
        </div>
    @endpush
@endif

@push('globals')
    @vite([
        'modules/Blog/Resources/assets/admin/posts/sass/main.scss',
        'modules/Blog/Resources/assets/admin/posts/js/edit.js',
        'modules/Media/Resources/assets/admin/sass/main.scss',
        'modules/Media/Resources/assets/admin/js/main.js',
    ])
@endpush