<x-admin-app-layout>
    <div class="white-box">
        <x-admin::page-header title="{{ __('Seo Setup') }}" :buttons="$buttons" />
        <form action="{{ route('admin.settings.pages.seo.store', $page->id) }}" method="POST"
            class="space-y-4 xl:space-y-6 form-submit-add">
            @csrf
            <x-admin::text-input-group value="{{ $page->seo?->title }}" name="title" label="Title" />
            <x-admin::text-input-group value="{{ $page->seo->canonical_url ?? url($page->slug) }}" name="canonical_url"
                label="{{ __('Canonical URL') }}" />

            <x-admin::text-input-group value="{{ $page->seo?->keywords }}" name="keywords" label="Keywords" />
            <div>
                <x-admin::label for="seo_image">{{ __('Seo Image') }}</x-admin::label>
                <x-admin::file-uploader id="seo_image" type="text" :value="$page->seo?->image" name="image"
                    label="Seo Image" />
                <x-admin::input-error name="image" />
            </div>
            <x-admin::textarea-group value="{{ $page->seo?->description }}" name="description"
                label="{{ __('Description') }}" />
            <div class="flex items-center justify-end mt-4">
                <x-admin::primary-button type="submit">
                    {{ __('Save') }}
                </x-admin::primary-button>
            </div>
        </form>
    </div>
    @push('scripts')
        @vite('resources/admin/js/settings/seo.js')
    @endpush
</x-admin-app-layout>
