@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-4">
          <h1 class="m-0">Hướng dẫn giải bài tập</h1>
        </div>
        <div class="col-sm-8">
          <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.guideRequest.index') }} ">Danh sách
                câu hỏi</a></li>
            <li class="breadcrumb-item active">Hướng dẫn giải bài tập</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
  @include('admin.guideRequest.form')
@endsection

@push('script')
  <script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
  </textarea>
  <script>
    (function() {
      var mathElements = [
        'math',
        'maction',
        'maligngroup',
        'malignmark',
        'menclose',
        'merror',
        'mfenced',
        'mfrac',
        'mglyph',
        'mi',
        'mlabeledtr',
        'mlongdiv',
        'mmultiscripts',
        'mn',
        'mo',
        'mover',
        'mpadded',
        'mphantom',
        'mroot',
        'mrow',
        'ms',
        'mscarries',
        'mscarry',
        'msgroup',
        'msline',
        'mspace',
        'msqrt',
        'msrow',
        'mstack',
        'mstyle',
        'msub',
        'msup',
        'msubsup',
        'mtable',
        'mtd',
        'mtext',
        'mtr',
        'munder',
        'munderover',
        'semantics',
        'annotation',
        'annotation-xml'
      ];

      CKEDITOR.plugins.addExternal('ckeditor_wiris',
        'https://ckeditor.com/docs/ckeditor4/4.14.0/examples/assets/plugins/ckeditor_wiris/', 'plugin.js');

      CKEDITOR.replace('answer', {
        filebrowserUploadUrl: '{{ route('admin.ckeditor.upload_ckeditor_4', 'guide_requests') . '?_token=' . csrf_token() }}',
        filebrowserUploadMethod: 'form',
        extraPlugins: 'ckeditor_wiris',
        readOnly: true,
        height: 320,
        extraAllowedContent: mathElements.join(' ') +
          '(*)[*]{*};img[data-mathml,data-custom-editor,role](Wirisformula)'
      });
    }());
  </script>
@endpush