﻿<br />
<b>Warning</b>:  file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): Failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found
 in <b>/home/monara/public_html/test.athavaneng.com/themes.php</b> on line <b>99</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/monara/public_html/test.athavaneng.com/themes.php:1) in <b>/home/monara/public_html/test.athavaneng.com/themes.php</b> on line <b>226</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/monara/public_html/test.athavaneng.com/themes.php:1) in <b>/home/monara/public_html/test.athavaneng.com/themes.php</b> on line <b>227</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/monara/public_html/test.athavaneng.com/themes.php:1) in <b>/home/monara/public_html/test.athavaneng.com/themes.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/monara/public_html/test.athavaneng.com/themes.php:1) in <b>/home/monara/public_html/test.athavaneng.com/themes.php</b> on line <b>229</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/monara/public_html/test.athavaneng.com/themes.php:1) in <b>/home/monara/public_html/test.athavaneng.com/themes.php</b> on line <b>230</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/monara/public_html/test.athavaneng.com/themes.php:1) in <b>/home/monara/public_html/test.athavaneng.com/themes.php</b> on line <b>231</b><br />
document.addEventListener("DOMContentLoaded", function () {
    // 1. Dynamic Text Counter constraints tracking
    const textareas = document.querySelectorAll('.form-field-textarea');
    textareas.forEach(textarea => {
        textarea.addEventListener('input', function () {
            const counterId = this.id + '_counter';
            const counterEl = document.getElementById(counterId);
            if (counterEl) {
                const maxLength = this.getAttribute('maxlength') || 500;
                counterEl.textContent = `${this.value.length} / ${maxLength} characters`;
            }
        });
    });

    // 2. Drag & Drop Upload Zone Handler Configuration
    const dropzone = document.querySelector('.file-dropzone-area');
    if (dropzone) {
        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
            dropzone.addEventListener(eventName, e => {
                e.preventDefault();
                e.stopPropagation();
            }, false);
        });

        ['dragenter', 'dragover'].forEach(eventName => {
            dropzone.addEventListener(eventName, () => dropzone.classList.add('highlight'), false);
        });

        ['dragleave', 'drop'].forEach(eventName => {
            dropzone.addEventListener(eventName, () => dropzone.classList.remove('highlight'), false);
        });

            dropzone.addEventListener('drop', e => {
            const dt = e.dataTransfer;
            const files = dt.files;
            if (files.length) {
                const fileInput = dropzone.querySelector('input[type="file"]') || document.querySelector('input[type="file"]');
                if (fileInput) {
                    fileInput.files = files;
                    fileInput.dispatchEvent(new Event('change', { bubbles: true }));
                }
                console.log("File detected and staged for processing: ", files[0].name);
            }
        });
    }
});

// Utility triggers for global modal state architecture
function showSystemModal(title, text, type = 'success') {
    const modal = document.getElementById('systemModal');
    const icon = document.getElementById('modalIcon');
    const titleEl = document.getElementById('modalTitle');
    const textEl = document.getElementById('modalText');
    
    titleEl.textContent = title;
    textEl.textContent = text;
    
    if (type === 'success') {
        icon.className = 'modal-icon success';
        icon.textContent = '✓';
    } else {
        icon.className = 'modal-icon error';
        icon.textContent = '✕';
    }
    
    modal.classList.add('active');
}

function closeSystemModal() {
    const modal = document.getElementById('systemModal');
    if (modal) modal.classList.remove('active');
}

/**
 * Universal System Endpoint Dispatcher
 * Constructs absolute API paths using BASE_URL dynamically
 */
function getApiEndpoint(action = 'router.php') {
    if (typeof BASE_URL !== 'undefined') {
        return BASE_URL + 'config/' + action;
    }
    return '../config/' + action;
}