@extends('layouts.dashboard.app')
@section('title', 'Edit CMS')
@section('content')
    <div class="cw-content">
        <div class="container-fluid">
            <div class="cw-content-inner">
                <div class="cw-content-body">
                    <div class="cw-block-head cw-block-head-sm">
                        <div class="cw-block-between d-flex justify-content-between align-items-center">
                            <div class="cw-block-head-content">
                                <h3 class="cw-block-title page-title">Edit CMS</h3>
                                <div class="cw-block-des text-soft">
                                    <p>Manage all your cms.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    @include('layouts.dashboard.flash')
                    <div class="card">
                        <div class="card-body px-3 cw-form">
                            <form action="{{ route('admin.cms.update', $cms['uuid']) }}" method="post" enctype="multipart/form-data" id="cmsForm">
                                <input type="hidden" name="id" id="cid" class="cid" value="{{ @$cms->uuid }}"/>
                                @csrf
                                <div class="row">
                                    <div class="col-lg-4 mb-3">
                                        <label class="form-label">Page Heading:</label>
                                        <input type="text" name="heading" id="heading" value="{{ @$cms->heading }}" class="form-control name" placeholder="Page Heading" autofocus required>
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <label class="form-label">Page Content:</label>
                                        <textarea class=" editor p-4" rows="10" id="content" name="content">{{ old('content') ? old('content') : $cms['content'] }}</textarea>
                                    </div>
                                    <div class="col-lg-4 mb-3">
                                        <label class="form-label">Document:</label>
                                        <input type="file" name="document" id="document" class="form-control mainimage" onchange="readURL(this);">
                                    </div>
                                    @if(!empty($cms->getmedia))
                                        <div class="col-lg-6 mb-3">
                                            <label class="form-label">Uploded Document:</label><br/>
                                            @php
                                                $extArr = [
                                                    'pdf' => 'pdf',
                                                    'doc' => 'word',
                                                    'docx' => 'word',
                                                    'xls' => 'excel',
                                                    'xlsx' => 'excel',
                                                    'ppt' => 'ppt',
                                                    'pptx' => 'ppt',
                                                    'txt' => 'text',
                                                    'rtf' => 'text',
                                                ];
                                                $extA = [
                                                    'pdf',
                                                    'doc',
                                                    'docx',
                                                    'xls',
                                                    'xlsx',
                                                    'ppt',
                                                    'pptx',
                                                ];
                                            @endphp
                                            <a href="{{ @$cms->getmedia->path }}" target="_blank"
                                                title="{{ @$cms->getmedia->name }}" style="display:table-caption;">
                                                @if (in_array($cms->getmedia->extension, $extA))
                                                    <i class="icon bi bi-file-{{ $extArr[@$cms->getmedia->extension] }}"
                                                        style="font-size:40px;"></i>
                                                @else
                                                    <i class="icon bi bi-file-text"
                                                        style="font-size:40px;"></i>
                                                @endif
                                                {{ @$cms->getmedia->name }}
                                            </a>
                                        </div>
                                    @endif
                                </div>
                                <div style="display:flex;">
                                    <button type="submit" class="btn-formpage-submit cmsedit">Save</button>
                                    <a href="{{route('admin.cms')}}" class="btn btn-cancel ms-2">Cancel</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('css')
    <link href="{{ asset('assets/dashboard/css/lib/summernote.min.css') }}" rel="stylesheet">
    <style>
        .note-editor.note-airframe.fullscreen,
        .note-editor.note-frame.fullscreen {
            z-index: 1067;
            background: #fff;
        }
    </style>
@endpush
@push('js')
  <!-- Validation js for this page-->
    <script src="{{ asset('assets/dashboard/js/lib/summernote.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#content').summernote({
                    height: 400,
                    toolbar: [
                        // [groupName, [list of button]]
                        ['style', ['bold', 'italic', 'underline', 'clear']],
                        ['font', ['strikethrough', 'superscript', 'subscript']],
                        ['fontsize', ['fontsize']],
                        ['color', ['color']],
                        ['para', ['ul', 'ol', 'paragraph']],
                        ['height', ['height']]
                    ]
            });
            var noteBar = $('.note-toolbar');
            noteBar.find('[data-toggle]').each(function() {
                $(this).attr('data-bs-toggle', $(this).attr('data-toggle')).removeAttr('data-toggle');
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            var autofocusElement = $('input[autofocus]').filter(function () {
            return $(this).val().length > 0;
            }).first();

            if (autofocusElement.length) {
            var autofocuslength = autofocusElement.val().length;
            autofocusElement[0].setSelectionRange(autofocuslength, autofocuslength);
            autofocusElement.focus();
            }
        });
    </script>
  <!-- End Validation js for this page-->
@endpush