@extends('layouts.master')

@section('content')
    <div class="container-xxl">

        <x-breadcrumb listRoute="{{ route('admin.packages.index') }}" model="Packages" item="Edit"></x-breadcrumb>
        @php
            $seo = $package->seo;
        @endphp
        <div class="card">
            <div class="card-body">
                @include('layouts._includes._package-navigation', ['active' => 'seo'])
                <x-form.wrapper action="{{ route('admin.packages.seo.update', $package->id) }}" method="POST"
                    enctype="multipart/form-data">
                    @method('PATCH')
                    <x-form.row>
                        <x-form.input type="text" col="12" label="Title" :req="true" id="title"
                            name="title" value="{{ $seo?->title }}" />
                    </x-form.row>
                    <x-form.row>
                        <x-form.input type="text" col="12" label="Keywords" id="keywords" name="keywords"
                            value="{{ $seo?->keywords }}" />
                    </x-form.row>
                    <x-form.input type="file" col="6" :req="true" label="Image" id="image"
                        name="image" accept="image/*" onchange="previewThumb(this,'featured-thumb')" />
                    <x-form.preview id="featured-thumb" url="{{ $seo?->og_image?->getPath() }}" />
                    <x-form.textarea isEditor="true" label="Description" id="description" name="description"
                        value="{!! $seo?->description !!}" rows="5" cols="5" />
                    <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.image_preview', ['name' => 'image'])
    @include('_helpers.ajax_form')
@endpush