@extends('layouts.master')

@section('content')

<div class="container-xxl">

    <x-breadcrumb listRoute="{{route('admin.pages.index')}}" model="Page" item="Edit"></x-breadcrumb>

    <div class="card">
        <div class="card-body">
            <ul class="nav nav-tabs nav-pills" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" type="button" role="tab">Page</button>
                </li>
                <li class="nav-item" role="presentation">
                    <a href="{{ route('admin.pages.seo.index',  $page->id) }}" class="nav-link">SEO</a>
                </li>
            </ul>
            <x-form.wrapper action="{{route('admin.pages.update', $page->id)}}" method="POST"
                enctype="multipart/form-data">
                @method('PATCH')
                <x-form.row>
                    <x-form.input type="text" col="6" label="Title" :req="true" id="title" name="title"
                        value="{{old('title',$page->title)}}" />
                    <x-form.input type="text" col="6" label="Slug" :req="true" id="slug" name="slug"
                        value="{{old('title',$page->slug)}}" />
                </x-form.row>
                <x-form.row>
                    <x-form.input type="text" col="6" label="Short Title" :req="true" id="short_title"
                        name="short_title" value="{{old('short_title',$page->short_title)}}" />
                </x-form.row>
                <x-form.row>
                    <div class="col-lg-6">
                        <x-form.input type="file" label="Image" :req="true" id="image" name="image" accept="image/*"
                            onchange="previewThumb(this,'page-thumb')" />
                        <x-form.preview id="page-thumb" url="{{ $page->feature_image->getPath() }}" />
                    </div>
                    <div class="col-lg-6">
                        <x-form.input type="file" label="Cover" id="cover" name="cover" accept="image/*"
                            onchange="previewThumb(this,'cover-thumb')" />
                        <x-form.preview id="cover-thumb" url="{{ $page->cover_image->getPath() }}" />
                    </div>
                </x-form.row>
                <x-form.textarea isEditor="true" label="Description" id="description" :req="true" name="description"
                    value="{!! old('title',$page->description) !!}" rows="5" cols="5" />

                <br />
                <br />


                
                <x-form.dynamic-fields fieldName="legal_document" :min="0" :max="50" label="Add New Legal Document"
                    :required="true" :existingData="$legal_document_image" :fields="[
                        ['name' => 'image', 'label' => 'image Image', 'type' => 'file', 'col' => 6 , 'required' => true],
                        ['name' => 'name', 'label' => 'name', 'type' => 'text', 'col' => 6, 'required' => true],
                    ]" />
                




                <x-form.row>
                    <x-form.input type="number" col="2" label="Order No." :req="true" id="order" name="order"
                        value="{{ old('order',$page->order) }}" />
                    <x-form.checkbox col="2" isBreak='break' label="Status" id="status" name="status" value="1"
                        class="form-check-input" :isChecked="$page->status ? 'checked' : '' " />
                    <x-form.checkbox col="2" isBreak='break' label="Is Menu" id="isonmenu" name="is_menu" value="1"
                        class="form-check-input" isEditMode="yes" :isChecked="$page->is_menu ? 'checked' : '' " />
                    <x-form.checkbox col="2" isBreak='break' label="Is Main Menu" id="is_main_menu" name="is_main_menu"
                        value="1" class="form-check-input" isEditMode="yes"
                        :isChecked="$page->is_main_menu ? 'checked' : '' " />
                    <x-form.checkbox col="2" isBreak='break' label="Is On Footer" id="isfootermenu"
                        name="is_footer_menu" value="1" class="form-check-input" isEditMode="yes"
                        :isChecked="$page->is_footer_menu ? 'checked' : '' " />
                </x-form.row>
                <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.slugify',['title' => 'title']) --}}
@include('_helpers.image_preview', ['name' => 'image'])
@include('_helpers.image_preview', ['name' => 'cover'])
@include('_helpers.ck_editor', ['textarea_id' => 'description'])
@include('_helpers.ajax_form')

@endpush