@extends('layouts.index')
@section('title')
    Testimoni
@endsection
@section('css')
    <link href="{{ asset('back') }}/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css" integrity="sha512-EZSUkJWTjzDlspOoPSpUFR0o0Xy7jdzW//6qhUkoZ9c4StFkVsp9fbbd0O06p9ELS3H486m4wmrCELjza4JEog==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        label.error {
            color: #F94687;
            font-size: 13px;
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.5;
            margin-top: 5px;
            padding: 0;
        }
    
            input.error {
                color: #F94687 !important;
                border: 1px solid #F94687;
            }

        .gambar-testi{
            width: 25%;
        }
      </style>
@endsection
@section('content')
    <div class="page-titles">
        <div class="row">
            <div class="col-lg-8 col-md-6 col-12 align-self-center">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 d-flex align-items-center">
                        <li class="breadcrumb-item">
                            <a href="index.html" class="link"><i class="ri-home-3-line fs-5"></i></a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">
                            Tertimoni
                        </li>
                    </ol>
                </nav>
                <h1 class="mb-0 fw-bold">Testimoni Pelanggan</h1>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- End Bread crumb and right sidebar toggle -->
    <!-- ============================================================== -->
    <!-- ============================================================= -->
    <!-- Container fluid  -->
    <!-- ============================================================= -->
    <div class="container-fluid">
        <!-- ============================================================= -->
        <!-- Start Page Content -->
        <!-- ============================================================= -->
        <div class="row">
            <!-- Column -->
            <div class="col-lg-12 col-xl-12 col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex no-block align-items-center mb-4">
                            <h4>Edit Testimoni</h4>
                        </div>

                        <div class="form-group mb-3">
                            <label for="">Nama Testimonial</label>
                            <input type="text" class="form-control" placeholder="Masukkan nama testimonial"
                                aria-label="name" id="nama_edit" name="edit_nama" />
                        </div>
                        <div class="form-group mb-3">
                            <label for="">Pekerjaan Testimonial</label>
                            <input type="text" class="form-control" placeholder="Masukan pekerjaan testimonial"
                                aria-label="name" id="kerja_edit" name="edit_pekerjaan" />
                        </div>
                        <div class="form-group mb-3">
                            <label for="">Isi Testimoni</label>
                            <textarea name="isiEdit" id="isiEdit" class="w-100"></textarea>
                        </div>
                        <div class="form-group mb-3">
                            {{-- <button type="button" class="btn btn-info">
                                <i data-feather="image" class="feather-sm fil-white"></i>
                            </button>
                            <input type="file" class="form-control" id="image_tambah" name="image" /> --}}
                            <label for="">Foto Testimonial</label>
                            <input type="file" name="image" id="image_edit" class="dropify"  data-max-file-size="2M" data-allowed-formats="square" data-allowed-file-extensions="jpeg png jpg" data-errors-position="outside"  required/>
                        </div>
                        
                    </div>
                </div>
            </div>
            <!-- Column -->
        </div>
        <!-- ============================================================= -->
        <!-- End PAge Content -->
        <!-- ============================================================= -->
    </div>
    <!-- create Modal -->
    <div class="modal fade" id="createmodel" tabindex="-1" role="dialog" aria-labelledby="createModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header d-flex align-items-center">
                    <h5 class="modal-title" id="createModalLabel">
                        <i class="ti-marker-alt me-2"></i> Tambah Testimoni Baru
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{ route('testimoni.store') }}" enctype="multipart/form-data" id="tambahTestimonial">
                        @csrf
                        <div class="form-group mb-3">
                            <label for="">Nama Testimonial</label>
                            <input type="text" class="form-control" placeholder="Masukkan nama testimonial"
                                aria-label="name" id="name_tambah" name="nama" />
                        </div>
                        <div class="form-group mb-3">
                            <label for="">Pekerjaan Testimonial</label>
                            <input type="text" class="form-control" placeholder="Masukan pekerjaan testimonial"
                                aria-label="name" id="kerja_tambah" name="pekerjaan" />
                        </div>
                        <div class="form-group mb-3">
                            <label for="">Isi Testimoni</label>
                            <textarea name="isi" id="isi" class="w-100"></textarea>
                        </div>
                        <div class="form-group mb-3">
                            {{-- <button type="button" class="btn btn-info">
                                <i data-feather="image" class="feather-sm fil-white"></i>
                            </button>
                            <input type="file" class="form-control" id="image_tambah" name="image" /> --}}
                            <label for="">Foto Testimonial</label>
                            <input type="file" name="image" id="image_tambah" class="dropify"  data-max-file-size="2M" data-allowed-formats="square" data-allowed-file-extensions="jpeg png jpg" data-errors-position="outside"  required/>
                        </div>
                        {{-- <div id="preview_favicon">
                            <br>
                            <label>Lihat image</label>
                            <img id="imgshow_favicon" src="{{ asset('back/images/p1.jpg') }}" width="200" height="140" style="object-fit: contain;border-radius: 20px;">
                        </div> --}}
                </div>
                <div class="modal-footer">
                    <button type="button"
                        class="
                    btn btn-light-danger
                    text-danger
                    font-weight-medium
                    rounded-pill
                    px-4
                "
                        data-bs-dismiss="modal">
                        Batal
                    </button>
                    <button type="submit" class="btn btn-success rounded-pill px-4">
                        Simpan
                    </button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- update Modal -->
    <div class="modal fade" id="updatemodel" tabindex="-1" role="dialog" aria-labelledby="createModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header d-flex align-items-center">
                    <h5 class="modal-title" id="createModalLabel">
                        <i class="ti-marker-alt me-2"></i> Ubah Testimonial
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{ route('testimoni.update', '') }}" enctype="multipart/form-data" id="editTestimonial">
                        @csrf
                        <div class="form-group mb-3">
                            <label for="">Nama Testimonial</label>
                            <input type="text" class="form-control" placeholder="Masukkan nama testimonial"
                                aria-label="name" id="nama_edit" name="edit_nama" />
                        </div>
                        <div class="form-group mb-3">
                            <label for="">Pekerjaan Testimonial</label>
                            <input type="text" class="form-control" placeholder="Masukan pekerjaan testimonial"
                                aria-label="name" id="kerja_edit" name="edit_pekerjaan" />
                        </div>
                        <div class="form-group mb-3">
                            <label for="">Isi Testimoni</label>
                            <textarea name="isi_edit" id="isiEdit" class="w-100"></textarea>
                        </div>
                        <div class="form-group mb-3">
                            {{-- <button type="button" class="btn btn-info">
                                <i data-feather="image" class="feather-sm fil-white"></i>
                            </button>
                            <input type="file" class="form-control" id="image_tambah" name="image" /> --}}
                            <label for="">Foto Testimonial</label>
                            <input type="file" name="image" id="image_edit" class="dropify"  data-max-file-size="2M" data-allowed-formats="square" data-allowed-file-extensions="jpeg png jpg" data-errors-position="outside"  required/>
                        </div>
                        {{-- <div id="preview_favicon">
                            <br>
                            <label>Lihat image</label>
                            <img id="imgshow_favicon" src="{{ asset('back/images/p1.jpg') }}" width="200" height="140" style="object-fit: contain;border-radius: 20px;">
                        </div> --}}
                </div>
                <div class="modal-footer">
                    <button type="button"
                        class="
                    btn btn-light-danger
                    text-danger
                    font-weight-medium
                    rounded-pill
                    px-4
                "
                        data-bs-dismiss="modal">
                        Close
                    </button>
                    <button type="submit" class="btn btn-success rounded-pill px-4">
                        Update
                    </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <!--This page plugins -->
    <script src="{{ asset('back') }}/extra-libs/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.js"></script>
    <!-- start - This is for export functionality only -->
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
    <script src="{{ asset('back') }}/js/pages/datatable/datatable-advanced.init.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js" integrity="sha512-8QFTrG0oeOiyWo/VM9Y8kgxdlCryqhIxVeRpWSezdRRAvarxVtwLnGroJgnVW9/XBRduxO/z1GblzPrMQoeuew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        $('.dropify').dropify();
    </script>

    {{-- JQuery validation add testimoni --}}
    <script>
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $("#tambahTestimonial").validate({
                rules: {
                    nama: {
                    required: true,
                    minlength: 3,
                    maxlength: 20,
                    },
                    pekerjaan: {
                    required: true,
                    minlength: 3,
                    maxlength: 20,
                    },
                    isi: {
                    required: function(){
                        CKEDITOR.instances.isi.updateElement();
                    },
                    minlength: 20
                    }
                },
                messages: {
                    nama: {
                        required: "Kolom nama testimonial wajib di isi!",
                        minlength: "Kolom nama tidak boleh kurang dari 3 karakter",
                        maxlength: "Kolom nama tidak boleh kurang dari 20 karakter"
                    },
                    pekerjaan: {
                        required: "Kolom pekerjaan testimonial wajib di isi!",
                        minlength: "Kolom pekerjaan tidak boleh kurang dari 3 karakter",
                        maxlength: "Kolom pekerjaan tidak boleh kurang dari 20 karakter"
                    },
                    isi: {
                        required: "Kolom isi testimonial tidak boleh kosong!",
                        minlength: "Kolom isi testimonial tidak boleh kurang dari 3 karakter"
                    }
                }
            });
        });
    </script>

    {{-- Pagination --}}
    <script>
        $(document).ready(function(){
            $(document).on('click', '.page-link', function(event){
                event.preventDefault(); 
                var page = $(this).attr('href').split('page=')[1];
                loadTable(page);
            });
            
            function loadTable(page) {
                var _token = "{{ csrf_token() }}";
                $.ajax({
                    url:"{{ route('testimoni.load-table') }}",
                    method:"POST",
                    data:{_token:_token, page:page},
                    success:function(data) {
                            $('#tableLoad').html(data);
                    }
                });
            }
        });
    </script>

    {{-- CK EDITOR --}}
    <script src="https://cdn.ckeditor.com/ckeditor5/35.1.0/super-build/ckeditor.js"></script>

    c

    {{-- CK Editor for isi testimoni --}}
    <script>
        // This sample still does not showcase all CKEditor 5 features (!)
        // Visit https://ckeditor.com/docs/ckeditor5/latest/features/index.html to browse all the features.
        CKEDITOR.ClassicEditor.create(document.getElementById("isi"), {
            // https://ckeditor.com/docs/ckeditor5/latest/features/toolbar/toolbar.html#extended-toolbar-configuration-format
            toolbar: {
                items: [
                    /*'exportPDF','exportWord', '|',
                    'findAndReplace', 'selectAll', '|',*/
                    'heading', '|',
                    'bold', 'italic', 'strikethrough', 'underline', /*'code', 'subscript', 'superscript', 'removeFormat',*/ '|',
                    'bulletedList', 'numberedList', /*'todoList',*/ '|',
                    'outdent', 'indent', '|',
                    'undo', 'redo',
                    /*'-',
                    'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight', '|',
                    'alignment', '|',
                    'link', 'insertImage', 'blockQuote', 'insertTable', 'mediaEmbed', 'codeBlock', 'htmlEmbed', '|',
                    'specialCharacters', 'horizontalLine', 'pageBreak', '|',
                    'textPartLanguage', '|',
                    'sourceEditing'*/
                ],
                shouldNotGroupWhenFull: true
            },
            // Changing the language of the interface requires loading the language file using the <script> tag.
            // language: 'es',
            list: {
                properties: {
                    styles: true,
                    startIndex: true,
                    reversed: true
                }
            },
            // https://ckeditor.com/docs/ckeditor5/latest/features/headings.html#configuration
            heading: {
                options: [
                    { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
                    { model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
                    { model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' },
                    { model: 'heading3', view: 'h3', title: 'Heading 3', class: 'ck-heading_heading3' },
                    { model: 'heading4', view: 'h4', title: 'Heading 4', class: 'ck-heading_heading4' },
                    { model: 'heading5', view: 'h5', title: 'Heading 5', class: 'ck-heading_heading5' },
                    { model: 'heading6', view: 'h6', title: 'Heading 6', class: 'ck-heading_heading6' }
                ]
            },
            // https://ckeditor.com/docs/ckeditor5/latest/features/editor-placeholder.html#using-the-editor-configuration
            placeholder: 'Masukkan isi dari testimonial',
            // https://ckeditor.com/docs/ckeditor5/latest/features/font.html#configuring-the-font-family-feature
            /*fontFamily: {
                options: [
                    'default',
                    'Arial, Helvetica, sans-serif',
                    'Courier New, Courier, monospace',
                    'Georgia, serif',
                    'Lucida Sans Unicode, Lucida Grande, sans-serif',
                    'Tahoma, Geneva, sans-serif',
                    'Times New Roman, Times, serif',
                    'Trebuchet MS, Helvetica, sans-serif',
                    'Verdana, Geneva, sans-serif'
                ],
                supportAllValues: true
            },*/
            // https://ckeditor.com/docs/ckeditor5/latest/features/font.html#configuring-the-font-size-feature
            fontSize: {
                options: [ 10, 12, 14, 'default', 18, 20, 22 ],
                supportAllValues: true
            },
            // Be careful with the setting below. It instructs CKEditor to accept ALL HTML markup.
            // https://ckeditor.com/docs/ckeditor5/latest/features/general-html-support.html#enabling-all-html-features
            htmlSupport: {
                allow: [
                    {
                        name: /.*/,
                        attributes: true,
                        classes: true,
                        styles: true
                    }
                ]
            },
            // Be careful with enabling previews
            // https://ckeditor.com/docs/ckeditor5/latest/features/html-embed.html#content-previews
            htmlEmbed: {
                showPreviews: true
            },
            // https://ckeditor.com/docs/ckeditor5/latest/features/link.html#custom-link-attributes-decorators
            link: {
                decorators: {
                    addTargetToExternalLinks: true,
                    defaultProtocol: 'https://',
                    toggleDownloadable: {
                        mode: 'manual',
                        label: 'Downloadable',
                        attributes: {
                            download: 'file'
                        }
                    }
                }
            },
            // https://ckeditor.com/docs/ckeditor5/latest/features/mentions.html#configuration
            mention: {
                feeds: [
                    {
                        marker: '@',
                        feed: [
                            '@apple', '@bears', '@brownie', '@cake', '@cake', '@candy', '@canes', '@chocolate', '@cookie', '@cotton', '@cream',
                            '@cupcake', '@danish', '@donut', '@dragée', '@fruitcake', '@gingerbread', '@gummi', '@ice', '@jelly-o',
                            '@liquorice', '@macaroon', '@marzipan', '@oat', '@pie', '@plum', '@pudding', '@sesame', '@snaps', '@soufflé',
                            '@sugar', '@sweet', '@topping', '@wafer'
                        ],
                        minimumCharacters: 1
                    }
                ]
            },
            // The "super-build" contains more premium features that require additional configuration, disable them below.
            // Do not turn them on unless you read the documentation and know how to configure them and setup the editor.
            removePlugins: [
                // These two are commercial, but you can try them out without registering to a trial.
                // 'ExportPdf',
                // 'ExportWord',
                'CKBox',
                'CKFinder',
                'EasyImage',
                // This sample uses the Base64UploadAdapter to handle image uploads as it requires no configuration.
                // https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/base64-upload-adapter.html
                // Storing images as Base64 is usually a very bad idea.
                // Replace it on production website with other solutions:
                // https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/image-upload.html
                // 'Base64UploadAdapter',
                'RealTimeCollaborativeComments',
                'RealTimeCollaborativeTrackChanges',
                'RealTimeCollaborativeRevisionHistory',
                'PresenceList',
                'Comments',
                'TrackChanges',
                'TrackChangesData',
                'RevisionHistory',
                'Pagination',
                'WProofreader',
                // Careful, with the Mathtype plugin CKEditor will not load when loading this sample
                // from a local file system (file://) - load this site via HTTP server if you enable MathType
                'MathType'
            ]
        });
    </script>

    {{-- CK Editor for edit isi testimoni --}}
    <script>
        // This sample still does not showcase all CKEditor 5 features (!)
        // Visit https://ckeditor.com/docs/ckeditor5/latest/features/index.html to browse all the features.
        CKEDITOR.ClassicEditor.create(document.getElementById("isiEdit"), {
            // https://ckeditor.com/docs/ckeditor5/latest/features/toolbar/toolbar.html#extended-toolbar-configuration-format
            toolbar: {
                items: [
                    /*'exportPDF','exportWord', '|',
                    'findAndReplace', 'selectAll', '|',*/
                    'heading', '|',
                    'bold', 'italic', 'strikethrough', 'underline', /*'code', 'subscript', 'superscript', 'removeFormat',*/ '|',
                    'bulletedList', 'numberedList', /*'todoList',*/ '|',
                    'outdent', 'indent', '|',
                    'undo', 'redo',
                    /*'-',
                    'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight', '|',
                    'alignment', '|',
                    'link', 'insertImage', 'blockQuote', 'insertTable', 'mediaEmbed', 'codeBlock', 'htmlEmbed', '|',
                    'specialCharacters', 'horizontalLine', 'pageBreak', '|',
                    'textPartLanguage', '|',
                    'sourceEditing'*/
                ],
                shouldNotGroupWhenFull: true
            },
            // Changing the language of the interface requires loading the language file using the <script> tag.
            // language: 'es',
            list: {
                properties: {
                    styles: true,
                    startIndex: true,
                    reversed: true
                }
            },
            // https://ckeditor.com/docs/ckeditor5/latest/features/headings.html#configuration
            heading: {
                options: [
                    { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
                    { model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
                    { model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' },
                    { model: 'heading3', view: 'h3', title: 'Heading 3', class: 'ck-heading_heading3' },
                    { model: 'heading4', view: 'h4', title: 'Heading 4', class: 'ck-heading_heading4' },
                    { model: 'heading5', view: 'h5', title: 'Heading 5', class: 'ck-heading_heading5' },
                    { model: 'heading6', view: 'h6', title: 'Heading 6', class: 'ck-heading_heading6' }
                ]
            },
            // https://ckeditor.com/docs/ckeditor5/latest/features/editor-placeholder.html#using-the-editor-configuration
            placeholder: 'Masukkan isi dari testimonial',
            // https://ckeditor.com/docs/ckeditor5/latest/features/font.html#configuring-the-font-family-feature
            /*fontFamily: {
                options: [
                    'default',
                    'Arial, Helvetica, sans-serif',
                    'Courier New, Courier, monospace',
                    'Georgia, serif',
                    'Lucida Sans Unicode, Lucida Grande, sans-serif',
                    'Tahoma, Geneva, sans-serif',
                    'Times New Roman, Times, serif',
                    'Trebuchet MS, Helvetica, sans-serif',
                    'Verdana, Geneva, sans-serif'
                ],
                supportAllValues: true
            },*/
            // https://ckeditor.com/docs/ckeditor5/latest/features/font.html#configuring-the-font-size-feature
            fontSize: {
                options: [ 10, 12, 14, 'default', 18, 20, 22 ],
                supportAllValues: true
            },
            // Be careful with the setting below. It instructs CKEditor to accept ALL HTML markup.
            // https://ckeditor.com/docs/ckeditor5/latest/features/general-html-support.html#enabling-all-html-features
            htmlSupport: {
                allow: [
                    {
                        name: /.*/,
                        attributes: true,
                        classes: true,
                        styles: true
                    }
                ]
            },
            // Be careful with enabling previews
            // https://ckeditor.com/docs/ckeditor5/latest/features/html-embed.html#content-previews
            htmlEmbed: {
                showPreviews: true
            },
            // https://ckeditor.com/docs/ckeditor5/latest/features/link.html#custom-link-attributes-decorators
            link: {
                decorators: {
                    addTargetToExternalLinks: true,
                    defaultProtocol: 'https://',
                    toggleDownloadable: {
                        mode: 'manual',
                        label: 'Downloadable',
                        attributes: {
                            download: 'file'
                        }
                    }
                }
            },
            // https://ckeditor.com/docs/ckeditor5/latest/features/mentions.html#configuration
            mention: {
                feeds: [
                    {
                        marker: '@',
                        feed: [
                            '@apple', '@bears', '@brownie', '@cake', '@cake', '@candy', '@canes', '@chocolate', '@cookie', '@cotton', '@cream',
                            '@cupcake', '@danish', '@donut', '@dragée', '@fruitcake', '@gingerbread', '@gummi', '@ice', '@jelly-o',
                            '@liquorice', '@macaroon', '@marzipan', '@oat', '@pie', '@plum', '@pudding', '@sesame', '@snaps', '@soufflé',
                            '@sugar', '@sweet', '@topping', '@wafer'
                        ],
                        minimumCharacters: 1
                    }
                ]
            },
            // The "super-build" contains more premium features that require additional configuration, disable them below.
            // Do not turn them on unless you read the documentation and know how to configure them and setup the editor.
            removePlugins: [
                // These two are commercial, but you can try them out without registering to a trial.
                // 'ExportPdf',
                // 'ExportWord',
                'CKBox',
                'CKFinder',
                'EasyImage',
                // This sample uses the Base64UploadAdapter to handle image uploads as it requires no configuration.
                // https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/base64-upload-adapter.html
                // Storing images as Base64 is usually a very bad idea.
                // Replace it on production website with other solutions:
                // https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/image-upload.html
                // 'Base64UploadAdapter',
                'RealTimeCollaborativeComments',
                'RealTimeCollaborativeTrackChanges',
                'RealTimeCollaborativeRevisionHistory',
                'PresenceList',
                'Comments',
                'TrackChanges',
                'TrackChangesData',
                'RevisionHistory',
                'Pagination',
                'WProofreader',
                // Careful, with the Mathtype plugin CKEditor will not load when loading this sample
                // from a local file system (file://) - load this site via HTTP server if you enable MathType
                'MathType'
            ]
        });
    </script>

    <script>
        const updateLink = $('#editTestimonial').attr('action');
        function listUpdate(item) {
            let testimoni = item.isi;
            $('#editTestimonial').attr('action',  `${updateLink}/${item.id}`);
            $('[name="edit_nama"]').val(item.nama);
            $('[name="edit_pekerjaan"]').val(item.pekerjaan);
            CKEDITOR.instances['isiEdit'].setData( testimoni );
        }
    </script>
@endsection