{{-- TinyMCE Editor Configuration --}}
<script src="{{ asset('app-assets/plugins/tinymce/tinymce.min.js') }}?v={{ filemtime(public_path('app-assets/plugins/tinymce/tinymce.min.js')) }}"></script>
<script>
    // Wait for TinyMCE to load
    (function initTinyMCE() {
        if (typeof tinymce === 'undefined') {
            setTimeout(initTinyMCE, 100);
            return;
        }
        
        tinymce.init({
            selector: 'textarea.editor',
            
            // Language and Direction
            language: 'ar',
            directionality: 'rtl',
            
            // Editor Height
            height: 400,
            
            // Menubar
            menubar: false,
            
            // Plugins - جميع الإضافات المشابهة للووردبريس
            plugins: [
                'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
                'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
                'insertdatetime', 'media', 'table', 'help', 'wordcount', 'directionality',
                'emoticons', 'codesample', 'pagebreak', 'nonbreaking', 'textcolor'
            ],
            
            // Toolbar - شريط أدوات مشابه للووردبريس
            toolbar1: 'blocks | bold italic | bullist numlist | blockquote | alignleft aligncenter alignright | link | forecolor | table | ' +
                'charmap | image | undo redo | ltr rtl | fullscreen',
            toolbar2: 'fontfamily fontsize | underline strikethrough | outdent indent | removeformat | code | help',
            
            // Font Family Configuration - Noto Kufi Arabic
            font_family_formats: 'Noto Kufi Arabic=Noto Kufi Arabic, sans-serif;' +
                'Arial=arial, helvetica, sans-serif;' +
                'Courier New=courier new, courier, monospace;' +
                'Georgia=georgia, palatino, serif;' +
                'Tahoma=tahoma, arial, helvetica, sans-serif;' +
                'Times New Roman=times new roman, times, serif;' +
                'Verdana=verdana, geneva, sans-serif',
            
            // Font Size Configuration
            font_size_formats: '8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt 48pt',
            
            // Content Style
            content_style: '@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;400;500;600;700;800&display=swap"); ' +
            'body { ' +
                'font-family: "Noto Kufi Arabic", Arial, sans-serif; ' +
                'font-size: 14px; ' +
                'font-weight: normal; ' +
                'line-height: 1.6; ' +
                'direction: rtl; ' +
                'text-align: right; ' +
            '}' +
            'strong, b { ' +
                'font-weight: bold; ' +
            '}' +
            'h1, h2, h3, h4, h5, h6 { ' +
                'font-weight: bold; ' +
                'margin-top: 1.5em; ' +
                'margin-bottom: 0.5em; ' +
            '}' +
            'h1 { font-size: 2.2em; }' +
            'h2 { font-size: 1.8em; }' +
            'h3 { font-size: 1.5em; }' +
            'h4 { font-size: 1.3em; }' +
            'h5 { font-size: 1.1em; }' +
            'h6 { font-size: 1em; }' +
            'table { border-collapse: collapse; width: 100%; border: 1px solid #ccc; }' +
            'td, th { border: 1px solid #ccc; padding: 0.5em; }',
            
            // Additional Settings
            branding: false,
            promotion: false,
            
            // Setup callback
            setup: function(editor) {
                editor.on('init', function() {
                    // Set default font family
                    editor.getBody().style.fontFamily = '"Noto Kufi Arabic", Arial, sans-serif';
                    editor.getBody().style.direction = 'rtl';
                    editor.getBody().style.textAlign = 'right';
                });
                
                // Force font family on format change
                editor.on('NodeChange', function(e) {
                    var node = e.element;
                    if (node && (node.nodeName === 'H1' || node.nodeName === 'H2' || 
                                 node.nodeName === 'H3' || node.nodeName === 'H4' || 
                                 node.nodeName === 'H5' || node.nodeName === 'H6' || 
                                 node.nodeName === 'P')) {
                        if (!node.style.fontFamily || node.style.fontFamily === '') {
                            editor.dom.setStyle(node, 'font-family', '"Noto Kufi Arabic", Arial, sans-serif');
                        }
                    }
                });
            },
            
            // Format options
            block_formats: 'فقرة=p; عنوان 1=h1; عنوان 2=h2; عنوان 3=h3; عنوان 4=h4; عنوان 5=h5; عنوان 6=h6; مسافة=pre',
            
            // Format settings to apply Noto Kufi Arabic font
            formats: {
                h1: { block: 'h1', styles: { 'font-family': '"Noto Kufi Arabic", Arial, sans-serif' } },
                h2: { block: 'h2', styles: { 'font-family': '"Noto Kufi Arabic", Arial, sans-serif' } },
                h3: { block: 'h3', styles: { 'font-family': '"Noto Kufi Arabic", Arial, sans-serif' } },
                h4: { block: 'h4', styles: { 'font-family': '"Noto Kufi Arabic", Arial, sans-serif' } },
                h5: { block: 'h5', styles: { 'font-family': '"Noto Kufi Arabic", Arial, sans-serif' } },
                h6: { block: 'h6', styles: { 'font-family': '"Noto Kufi Arabic", Arial, sans-serif' } },
                p: { block: 'p', styles: { 'font-family': '"Noto Kufi Arabic", Arial, sans-serif' } }
            },
            
            // Valid elements
            extended_valid_elements: '*[*]',
            
            // Paste settings
            paste_as_text: false,
            paste_retain_style_properties: 'all',
            
            // Convert URLs settings
            convert_urls: false,
            relative_urls: false,
            remove_script_host: false,
            
            // Image settings
            image_advtab: true,
            image_title: true,
            automatic_uploads: true,
            file_picker_types: 'image',
            images_upload_url: '{{ route("blogs.upload-image") }}',
            images_upload_credentials: true,
            
            // File picker callback - يفتح نافذة اختيار ملف من الجهاز
            file_picker_callback: function(cb, value, meta) {
                if (meta.filetype === 'image') {
                    var input = document.createElement('input');
                    input.setAttribute('type', 'file');
                    input.setAttribute('accept', 'image/*');
                    
                    input.onchange = function() {
                        var file = this.files[0];
                        var formData = new FormData();
                        formData.append('file', file);
                        formData.append('_token', '{{ csrf_token() }}');
                        
                        fetch('{{ route("blogs.upload-image") }}', {
                            method: 'POST',
                            body: formData,
                            credentials: 'same-origin'
                        })
                        .then(function(response) { return response.json(); })
                        .then(function(data) {
                            if (data.location) {
                                cb(data.location, { title: file.name });
                            } else {
                                console.error('Image upload failed:', data);
                            }
                        })
                        .catch(function(err) {
                            console.error('Upload error:', err);
                        });
                    };
                    
                    input.click();
                }
            },
            
            // Link settings
            link_title: false,
            target_list: false,
            link_context_toolbar: true,
            
            // Additional WordPress-like settings
            toolbar_mode: 'wrap',
            contextmenu: 'link image table',
            quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote',
            quickbars_insert_toolbar: 'quicktable',
            
            // Color picker settings
            color_cols: 8,
            custom_colors: true
        });
    })(); // Close the initTinyMCE function
</script>