{{-- TinyMCE --}}
@if (config('settings.listing_form.wysiwyg_editor') == 'tinymce')
    <script src="{{ asset('assets/plugins/tinymce/tinymce.min.js') }}"></script>
    @php
        $editorI18n = \Lang::get('tinymce', [], config('app.locale'));
		$editorI18nJson = '';
		if (!empty($editorI18n)) {
			$editorI18nJson = collect($editorI18n)->toJson();
			// Convert UTF-8 HTML to ANSI
			$editorI18nJson = convertUTF8HtmlToAnsi($editorI18nJson);
		}
    @endphp
    <script type="text/javascript">
        @if (config('settings.listing_form.remove_url_before') || config('settings.listing_form.remove_url_after'))
            var vToolBar = 'undo redo | bold italic underline | forecolor backcolor | '
                    + 'bullist numlist blockquote table | '
                    + 'alignleft aligncenter alignright | outdent indent | fontsizeselect';
        @else
            var vToolBar = 'undo redo | bold italic underline | forecolor backcolor | '
                    + 'bullist numlist blockquote table | link unlink | '
                    + 'alignleft aligncenter alignright | outdent indent | fontsizeselect';
        @endif
        
        onDocumentReady((event) => {
            tinymce.init({
                selector: '#description',
                language: '{{ (!empty($editorI18nJson)) ? config('app.locale') : 'en' }}',
                directionality: '{{ (config('lang.direction') == 'rtl') ? 'rtl' : 'ltr' }}',
                height: 350,
                menubar: false,
                statusbar: false,
                plugins: 'lists link table',
                toolbar: vToolBar,
            });
            
            @if (!empty($editorI18nJson))
                tinymce.addI18n('{{ config('app.locale') }}', );
            @endif
        });
    </script>
@endif

{{-- CKEditor --}}
@if (config('settings.listing_form.wysiwyg_editor') == 'ckeditor')
    <script src="{{ asset('assets/plugins/ckeditor/ckeditor.js') }}"></script>
    @php
        $transUriPath = 'assets/plugins/ckeditor/translations/';
        $transFileDir = public_path($transUriPath);
        $editorLocale = '';
		if (file_exists($transFileDir . getLangTag(config('app.locale')) . '.js')) {
			$editorLocale = getLangTag(config('app.locale'));
		}
		if (empty($editorLocale)) {
			if (file_exists($transFileDir . config('lang.tag') . '.js')) {
				$editorLocale = config('lang.tag');
			}
		}
		if (empty($editorLocale)) {
			if (file_exists($transFileDir . strtolower(config('lang.tag')) . '.js')) {
				$editorLocale = strtolower(config('lang.tag'));
			}
		}
		if (empty($editorLocale)) {
			$editorLocale = 'en';
		}
    @endphp
    @if ($editorLocale != 'en')
        <script src="{{ asset($transUriPath . $editorLocale . '.js') }}"></script>
    @endif
    <script type="text/javascript">
        @if (config('settings.listing_form.remove_url_before') || config('settings.listing_form.remove_url_after'))
            var vToolBar = [
                'undo',
                'redo',
                '|',
                'bold',
                'italic',
                '|',
                'fontColor',
                'fontBackgroundColor',
                '|',
                'bulletedList',
                'numberedList',
                'blockQuote',
                'alignment',
                '|',
                'insertTable',
                '|',
                'heading',
                '|',
                'indent',
                'outdent',
                '|',
                'removeFormat'
            ];
        @else
            var vToolBar = [
                'undo',
                'redo',
                '|',
                'bold',
                'italic',
                '|',
                'fontColor',
                'fontBackgroundColor',
                '|',
                'bulletedList',
                'numberedList',
                'blockQuote',
                'alignment',
                '|',
                'insertTable',
                'link',
                '|',
                'heading',
                '|',
                'indent',
                'outdent',
                '|',
                'removeFormat'
            ];
        @endif
        onDocumentReady((event) => {
            ClassicEditor.create(document.querySelector('#description'), {
                language: '{{ $editorLocale }}',
                toolbar: {
                    items: vToolBar
                },
                table: {
                    contentToolbar: [
                        'tableColumn',
                        'tableRow',
                        'mergeTableCells'
                    ]
                }
            }).then( editor => {
                window.editor = editor;
            }).catch(error => {
                console.error('Oops, something gone wrong!');
                console.error('Please, report the following error in the https://github.com/ckeditor/ckeditor5 with the build id and the error stack trace:');
                console.warn('Build id: v28nci2fjq9h-1yblopey8x43');
                console.error(error);
            });
        });
    </script>
@endif

{{-- Summernote --}}
@if (config('settings.listing_form.wysiwyg_editor') == 'summernote')
    <script src="{{ asset('assets/plugins/summernote/summernote-bs4.min.js') }}"></script>
    @php
        $transUriPath = 'assets/plugins/summernote/lang/summernote-';
        $transFileDir = public_path($transUriPath);
        $editorLocale = '';
		if (file_exists($transFileDir . getLangTag(config('app.locale')) . '.js')) {
			$editorLocale = getLangTag(config('app.locale'));
		}
		if (empty($editorLocale)) {
			if (file_exists($transFileDir . config('lang.tag') . '.js')) {
				$editorLocale = config('lang.tag');
			}
		}
		if (empty($editorLocale)) {
			if (file_exists($transFileDir . strtolower(config('lang.tag')) . '.js')) {
				$editorLocale = strtolower(config('lang.tag'));
			}
		}
		if (empty($editorLocale)) {
			$editorLocale = 'en-US';
		}
    @endphp
    @if ($editorLocale != 'en-US')
        <script src="{{ url($transUriPath . $editorLocale . '.js') }}" type="text/javascript"></script>
    @endif
    <script type="text/javascript">
        @if (config('settings.listing_form.remove_url_before') || config('settings.listing_form.remove_url_after'))
            var vToolBar = [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert']
            ];
        @else
            var vToolBar = [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert', ['link']]
            ];
        @endif
        onDocumentReady((event) => {
            $('#description').summernote({
                lang: '{{ $editorLocale }}',
                placeholder: '{{ t('describe_what_makes_your_listing_unique') }}...',
                tabsize: 2,
                height: 350,
                toolbar: vToolBar
            });
        });
    </script>
@endif

{{-- Simditor --}}
@if (config('settings.listing_form.wysiwyg_editor') == 'simditor')
    <script src="{{ asset('assets/plugins/simditor/scripts/mobilecheck.js') }}"></script>
    <script src="{{ asset('assets/plugins/simditor/scripts/module.js') }}"></script>
    <script src="{{ asset('assets/plugins/simditor/scripts/hotkeys.js') }}"></script>
    <script src="{{ asset('assets/plugins/simditor/scripts/dompurify.js') }}"></script>
    <script src="{{ asset('assets/plugins/simditor/scripts/simditor.js') }}"></script>
    @php
        $editorI18n = \Lang::get('simditor', [], config('app.locale'));
		$editorI18nJson = '';
		if (!empty($editorI18n)) {
			$editorI18nJson = collect($editorI18n)->toJson();
			// Convert UTF-8 HTML to ANSI
			$editorI18nJson = convertUTF8HtmlToAnsi($editorI18nJson);
		}
    @endphp
    <script type="text/javascript">
        @if (!empty($editorI18nJson))
            Simditor.i18n = {'{{ config('app.locale') }}': };
        @endif
        @if (config('settings.listing_form.remove_url_before') || config('settings.listing_form.remove_url_after'))
            var vToolBar = ['bold','italic','underline','|','fontScale','color','|','ul','ol','blockquote','|','table','|','alignment','indent','outdent'];
            var vAllowedTags = ['br','span','img','b','strong','i','strike','u','font','p','ul','ol','li','blockquote','pre','h1','h2','h3','h4','hr','table'];
        @else
            var vToolBar = ['bold','italic','underline','|','fontScale','color','|','ul','ol','blockquote','|','table','link','|','alignment','indent','outdent'];
            var vAllowedTags = ['br','span','a','img','b','strong','i','strike','u','font','p','ul','ol','li','blockquote','pre','h1','h2','h3','h4','hr','table'];
        @endif

        {{-- Fake Code Separator --}}
        
        (function() {
            onDocumentReady((event) => {
                @if (!empty($editorI18nJson))
                    Simditor.locale = '{{ config('app.locale') }}';
                @endif
                
                var $preview, editor, mobileToolbar, toolbar, allowedTags;
                
                toolbar = vToolBar;
                mobileToolbar = ["bold", "italic", "underline", "ul", "ol"];
                if (mobilecheck()) {
                    toolbar = mobileToolbar;
                }
                allowedTags = vAllowedTags;
                
                /* Init */
                editor = new Simditor({
                    textarea: $('#description'),
                    placeholder: '{{ t('describe_what_makes_your_listing_unique') }}...',
                    toolbar: toolbar,
                    allowedTags: allowedTags,
                    defaultImage: '{{ asset('assets/plugins/simditor/images/image.png') }}',
                    pasteImage: false,
                    upload: false
                });
                
                $preview = $('#preview');
                if ($preview.length > 0) {
                    return editor.on('valuechanged', function(e) {
                        return $preview.html(editor.getValue());
                    });
                }
            });
        }).call(this);
    </script>
@endif