<label for='text' class='form-label'>Text to display</label>
<textarea class="form-control @if(env('ALLOW_USER_HTML') === true) ckeditor @endif" name="text" rows="6">{{ $link_title ?? '' }}</textarea>
@if(env('ALLOW_USER_HTML') === true)
<script src="{{ asset('assets/external-dependencies/ckeditor.js') }}"></script>
<script>
    ClassicEditor
        .create(document.querySelector('.ckeditor'), {

            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', 'blockQuote', '|'
                    , 'specialCharacters', 'horizontalLine', '|'
                    , 'textPartLanguage', '|'
                ]
                , shouldNotGroupWhenFull: true
            }
            , 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
            },
 fontSize: {
 options: [ 10, 12, 14, 'default', 18, 20, 22 ],
 supportAllValues: true
 },

        })
        .catch(error => {
            console.error(error);
        });

</script>

@endif