@extends('layouts.master')

@section('content')

<div class="container-xxl">

    <x-breadcrumb listRoute="{{route('admin.pages.index')}}" model="Pages" item="Edit"></x-breadcrumb>
    @php
    $seo=$page->seo;
    @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">
                    <a href="{{ route('admin.pages.edit', ['page' => $page->id]) }}" class="nav-link">Page</a>
                </li>
                @if($page->hasGallery())
                <li class="nav-item" role="presentation">
                    <a href="{{ route('admin.pages.gallery.index',  $page->id) }}" class="nav-link">Gallery</a>
                </li>
                @endif
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" type="button" role="tab">SEO</button>
                </li>
            </ul>
            <x-form.wrapper action="{{route('admin.pages.seo.update', $page->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  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.ck_editor', ['textarea_id' => 'content'])
@include('_helpers.ajax_form')
@endpush