@extends('admin.layout.app')

@push('style')
  @vite(['resources/css/admin/ckeditor.css'])
@endpush


@section('content')
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">
            {{ $isHasData && $contactData->type == 1 ? 'Chi tiết liên hệ, thắc mắc' : 'Chi tiết phản hồi' }}
          </h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href=" {{ route('admin.home') }} ">Trang chủ</a></li>
            <li class="breadcrumb-item"><a
                href=" {{ route('admin.contact.index', $contactData->type == 3 ? App\Enums\ContactType::COMPLAIN->value : $contactData->type) }} ">{{ $isHasData && $contactData->type == 1 ? 'Danh sách liên hệ, thắc mắc' : 'Danh sách phản hồi' }}</a>
            </li>
            <li class="breadcrumb-item active">
              {{ $isHasData && $contactData->type == 1 ? 'Chi tiết liên hệ, thắc mắc' : 'Chi tiết phản hồi' }}
            </li>
          </ol>
        </div>
      </div>
    </div>
  </div>
  @include('admin.contact.form')
@endsection

@push('script')
  <script src="{{ asset('js/ckeditor.js') }}"></script>
  <script>
    ClassicEditor
      .create(document.querySelector('#editor'), {
        removePlugins: ['CKFinderUploadAdapter', 'CKFinder', 'EasyImage', 'Image', 'ImageCaption', 'ImageStyle',
          'ImageToolbar', 'ImageUpload', 'MediaEmbed'
        ],
      })
      .catch(error => {
        console.error(error);
      });

    ClassicEditor
      .create(document.querySelector('#editor-readonly'), {})
      .then(editor => {
        editor.enableReadOnlyMode("editor");
      })
      .catch(error => {
        // console.log(error);
      });
  </script>
@endpush