@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>
                    @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">
                        <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.select :req="true" label="Template" col="6" :options="$templates" name="template"
                        value="{{ old('template',$page->template) }}"></x-form.select> --}}
                    </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>
                        @if ($page->template !== \App\Enums\PageTemplateType::useful_info->value)
                            <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>
                        @endif
                    </x-form.row>

                    @php
                        $isServicePage =
                            $page->template === \App\Enums\PageTemplateType::services->value ? true : false;
                        $isOurTeamPage = $page->template === \App\Enums\PageTemplateType::team->value ? true : false;
                        // $isGalleryPage=$page->template===\App\Enums\PageTemplateType::gallery->value ? true : false;
                    @endphp
                    @if ($isServicePage || $isOurTeamPage)
                        <x-form.textarea label="Short Description" id="short_description" :req="true"
                            name="short_description" value="{!! old('short_description', $page->short_description) !!}" rows="5" cols="5" />
                    @else
                        <x-form.textarea label="Short Description" id="short_description" name="short_description"
                            value="{!! old('short_description', $page->short_description) !!}" rows="5" cols="5" />
                    @endif
                    <x-form.textarea isEditor="true" label="Description" id="description" :req="true"
                        name="description" value="{!! old('title', $page->description) !!}" rows="5" cols="5" />

                    <br />

                    <div>
                        <x-form.dynamic-fields fieldName="contact_us_address" :min="0" :max="8"
                            label="Add New Address" :existingData="$contact_us_address" :fields="[
                                ['name' => 'name', 'label' => 'name', 'type' => 'text', 'col' => 6, 'required' => true],

                                [
                                    'name' => 'email',
                                    'label' => 'Email',
                                    'type' => 'text',
                                    'col' => 6,
                                    'required' => true,
                                ],
                                [
                                    'name' => 'country',
                                    'label' => 'Country',
                                    'type' => 'text',
                                    'col' => 4,
                                    'required' => true,
                                ],
                                [
                                    'name' => 'phone',
                                    'label' => 'Phone',
                                    'type' => 'text',
                                    'col' => 4,
                                    'required' => true,
                                ],
                            ]" />
                    </div>


                    <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