@extends('admin.layouts.app')

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
@endsection

@section('content')
    <!--begin::Content container-->
    <div id="kt_app_content_containe pt-5" class="app-container container-xxl" data-bs-backdrop='static'>
        <!--begin::Card-->
        <div class="card my-5 m-xl-10">
            <!--begin::Card body-->
            <div class="card-body py-4">
                <form class="kt-form"
                    action="{{ isset($record) ? route('admin.' . $route . '.update', [$route => $record->page_id]) : '' }}"
                    name="page_form" id="page_form" method="POST" enctype="multipart/form-data">
                    @csrf
                    @if (isset($record))
                        @method('PUT')
                    @else
                        @method('POST')
                    @endif

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="page_name" class="form-label">Page Name</label>
                                <input type="text" name="page_name" id="page_name"
                                    class="form-control form-control-lg mb-3 mb-lg-0"
                                    value="{{ old('page_name', isset($record) ? $record->page_name : '') }}" readonly />
                                @error('page_name')
                                    <span class="error text-danger" aria-hidden="true">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="page_content_top" class="form-label">Page Content Top</label>
                                <textarea type="text" rows="5" name="page_content_top" id="page_content_top"
                                    class="form-control form-control-lg mb-3 mb-lg-0 summernoteBreif">{{ old('page_content_top', isset($record) && $record->pagesContent->isNotEmpty() ? $record->pagesContent[0]->page_content_top : '') }}</textarea>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="page_content_bottom" class="form-label">Page Content Bottom</label>
                                <textarea type="text" rows="5" name="page_content_bottom" id="page_content_bottom"
                                    class="form-control form-control-lg mb-3 mb-lg-0 summernoteBreif">{{ old('page_content_bottom', isset($record) && $record->pagesContent->isNotEmpty() ? $record->pagesContent[0]->page_content_bottom : '') }}</textarea>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group py-3">
                                <label for="content_place" class="form-label">Show Content</label>
                                <select name="content_place" id="content_place" class="form-select">
                                    <option value="bottom"
                                        {{ old('content_place', isset($record) && $record->pagesContent->isNotEmpty() ? $record->pagesContent[0]->content_place : 'bottom') == 'bottom' ? 'selected' : '' }}>
                                        Bottom
                                    </option>
                                    <option value="top"
                                        {{ old('content_place', isset($record) && $record->pagesContent->isNotEmpty() ? $record->pagesContent[0]->content_place : 'top') == 'top' ? 'selected' : '' }}>
                                        Top
                                    </option>
                                    <option value="both"
                                        {{ old('content_place', isset($record) && $record->pagesContent->isNotEmpty() ? $record->pagesContent[0]->content_place : 'both') == 'both' ? 'selected' : '' }}>
                                        Both
                                    </option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <button type="submit"
                        class="btn btn-dark">{{ isset($record) ? 'Update Settings' : '' }}</button>
                </form>
            </div>
        </div>
        <!--end::Card body-->
    </div>
    <!--end::Card-->
    </div>
    <!--end::Content container-->
@endsection

@section('script')
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.summernoteBreif').summernote({
                height: 200
            });
        });
    </script>
@endsection