@extends('admin.layouts.master')

@section('page_title', __('admin.Edit :name', ['name' => __('admin.Page')]))

@section('page_heading', __('admin.Edit :name', ['name' => __('admin.Page')]))

@section('page_text', __('admin.Edit :name', ['name' => __('admin.Page')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Page')

@section('page_breadcrumb_item2', 'Edit Page')

@section('css')
    <link href="{{ asset('assets_admin/css/summernote.min.css') }}" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
    <style>
        .select2-container .select2-selection--multiple {
            height: 50px !important;
            border-radius: 10px !important;
            border-color: inherit;
            padding: 0.65rem 1rem !important;
            font-size: 1.1875rem !important;
            line-height: 1.31579 !important;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            margin-top: 0px;
        }

        .note-editor.note-frame .note-editing-area .note-editable {
            height: 200px;
        }
        .amenity-checkbox {
            background: #12129f;
            color: whitesmoke;
            padding: 0px 20px;
        }
    </style>

@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="main-card mb-3 card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8">
                            {!! Form::model($page, ['method' => 'PATCH', 'route' => ['page.update', $page->id]]) !!}
                            <input type="hidden" name="id" id="id" value="{{ $page->id }}">
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="page_category_id" class="fs-6 fw-semibold mb-2">@lang('admin.Page Category')</label>
                                {!! Form::select('page_category_id', $page_category, $page->page_category_id, [
                                    'class' => 'form-select','data-control' =>"select2"
                                ]) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="name" class="fs-6 fw-semibold mb-2">@lang('admin.Name')</label>
                                {!! Form::text('name', $page->name, ['required' => 'required', 'placeholder' => '', 'class' => 'form-control']) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="title" class="fs-6 fw-semibold mb-2">@lang('admin.Title')</label>
                                {!! Form::text('title', $page->title, [
                                    'required' => 'required',
                                    'placeholder' => 'Title',
                                    'class' => 'form-control',
                                ]) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="name" class="fs-6 fw-semibold mb-2">@lang('admin.Content')</label>
                                {!! Form::textarea('content', $page->content, [
                                    'required' => 'required',
                                    'placeholder' => '',
                                    'class' => 'form-control',
                                    'id' => 'summernote',
                                ]) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="sort_order_no" class="fs-6 fw-semibold mb-2">@lang('admin.sort_order_no')</label>
                                {!! Form::number('sort_order_no', $page->sort_order_no, [
                                    'required' => 'required',
                                    'placeholder' => '',
                                    'class' => 'form-control',
                                ]) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="media" class="fs-6 fw-semibold mb-2">@lang('admin.Media File')</label>
                                <select name="media[]" id="media" class="form-select" data-control ="select2" multiple>
                                    <option value="0">Select Media</option>
                                    @foreach ($media as $item)
                                        <option
                                            @foreach ($pag_media as $media)
                                        {{ $item->id == $media->media_id ? 'selected' : '' }} @endforeach
                                            value="{{ $item->id }}">{{ $item->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                            
                            <div class="d-flex flex-column mb-7 fv-row">
                                <div class="form-check ">
                                   
                                    <label class="form-check-label amenity-checkbox" for="is_page_for_amenity">
                                        Will it be used for amenity?
                                    </label>
                                    <input class="form-check-input" name="is_page_for_amenity" 
                                    type="checkbox" value="1" id="is_page_for_amenity" @if( $page->is_page_for_amenity == '1') checked @endif>
                                </div>
                            </div>
                            {{--  <div class="d-flex flex-column mb-7 fv-row chk">
                                <label for="publish" class="fs-6 fw-semibold mb-2">@lang('admin.Page Publish For')</label>
                                <select name="publish" id="publish" class="form-select" data-control="select2" onchange="getData()">
                                    <option value="0">Select</option>
                                    <option value="building" {{ $page->publish_for == 'building' ? 'selected' : '' }}>
                                        Building</option>
                                    <option value="apartment_type"
                                        {{ $page->publish_for == 'apartment_type' ? 'selected' : '' }}>Apartment Type
                                    </option>
                                    <option value="apartment" {{ $page->publish_for == 'apartment' ? 'selected' : '' }}>
                                        Apartment</option>
                                    <option value="all" {{ $page->publish_for == 'all' ? 'selected' : '' }}>All
                                    </option>
                                </select>
                            </div>  --}}
                           <livewire:admin.edit-page-component :page="$page">
                            <div class="d-flex flex-column mb-7 fv-row">
                                <div class="divider"></div>
                                <div class="clearfix">

                                    <button type="submit" id="next-btn"
                                        class="btn-shadow btn-wide float-right btn-hover-shine btn btn-primary submit-btn">
                                        @lang('admin.Submit')
                                    </button>
                                    <a href="{{ route('page.index') }}" id="prev-btn"
                                        class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                        @lang('admin.Cancel')
                                    </a>
                                </div>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <!-- Summernote JS - CDN Link -->
    <script src="{{ asset('assets_admin/js/summernote-lite.min.js') }}"></script>
    <script>
        $('.submit-btn').click(function() {
                var a = [];
                $.each($(".option:checked"), function() {
                    a.push($(this).val());
                })
                if (a.length < 1) {
                    $('.option').attr('required', true);
                } else {
                    $('.option').attr('required', false);
                }
        });
    </script>
@endsection