// popup.js

(function () {
    // Состояние фильтров
    let filters = {
        esia: 'all',
        sender: 'all',
        status: 'all',
        period: 'today'
    };

    let filtersChanged = false;
    let allStatuses = [];
    let currentUserId = null;

    // DOM элементы
    const authWarning = document.getElementById('authWarning');
    const tableSection = document.getElementById('tableSection');
    const tableBody = document.getElementById('tableBody');
    const emptyState = document.getElementById('emptyState');
    const refreshBtn = document.getElementById('refreshBtn');
    const searchInput = document.getElementById('searchInput');
    const searchClear = document.getElementById('searchClear');
    const allDocumentsBtn = document.getElementById('allDocumentsBtn');

    // Фильтры
    const esiaFilter = document.getElementById('esiaFilter');
    const senderFilter = document.getElementById('senderFilter');
    const statusFilter = document.getElementById('statusFilter');
    const periodFilter = document.getElementById('periodFilter');

    // Настройки сервера
    const serverAccordion = document.getElementById('serverAccordion');
    const accordionHeader = document.getElementById('accordionHeader');
    const accordionIcon = document.getElementById('accordionIcon');
    const accordionTitle = document.getElementById('accordionTitle');
    const currentServerIp = document.getElementById('currentServerIp');
    const currentServerPort = document.getElementById('currentServerPort');
    const editServerIp = document.getElementById('editServerIp');
    const editServerPort = document.getElementById('editServerPort');
    const viewButtons = document.getElementById('viewButtons');
    const editButtons = document.getElementById('editButtons');
    const editButton = document.getElementById('editButton');
    const adminButton = document.getElementById('adminButton');
    const saveOptions = document.getElementById('saveOptions');
    const cancelOptions = document.getElementById('cancelOptions');

    // Вспомогательные функции
    function formatDate(dateString) {
        const date = new Date(dateString);
        return date.toLocaleString('ru-RU', {
            day: '2-digit',
            month: '2-digit',
            year: 'numeric',
            hour: '2-digit',
            minute: '2-digit'
        });
    }

    function getStatusClass(category) {
        switch (category) {
            case 'completed': return 'status-completed';
            case 'processing': return 'status-processing';
            case 'error': return 'status-error';
            default: return 'status-waiting';
        }
    }

    function getStatusIcon(category) {
        switch (category) {
            case 'completed': return '✅';
            case 'processing': return '⌛';
            case 'error': return '❌';
            default: return '?';
        }
    }

    function showMessage(message, type = 'success', duration = 2000) {
        const messageEl = document.createElement('div');
        messageEl.style.cssText = `
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10000;
            padding: 8px 16px;
            border-radius: 4px;
            background: ${type === 'success' ? '#f0f9eb' : '#fef0f0'};
            border: 1px solid ${type === 'success' ? '#e1f3d8' : '#fde2e2'};
            color: ${type === 'success' ? '#67c23a' : '#f56c6c'};
            font-size: 13px;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
        `;
        messageEl.textContent = message;
        document.body.appendChild(messageEl);
        setTimeout(() => messageEl.remove(), duration);
    }

    // Функция для выделения кнопки обновления
    function highlightRefreshButton() {
        refreshBtn.style.animation = 'pulse 1.5s infinite';
        refreshBtn.style.backgroundColor = '#e6f7ff';
        refreshBtn.style.borderColor = '#91d5ff';
    }

    function resetRefreshButton() {
        refreshBtn.style.animation = 'none';
        refreshBtn.style.backgroundColor = '';
        refreshBtn.style.borderColor = '';
    }

    // Добавляем стили
    const style = document.createElement('style');
    style.textContent = `
        @keyframes pulse {
            0% { transform: scale(1); background-color: #ffffff; }
            50% { transform: scale(1.05); background-color: #e6f7ff; box-shadow: 0 0 10px rgba(64, 158, 255, 0.5); }
            100% { transform: scale(1); background-color: #ffffff; }
        }
        .clickable-doc {
            cursor: pointer;
            transition: opacity 0.2s;
        }
        .clickable-doc:hover {
            opacity: 0.8;
            background-color: #f0f9eb !important;
        }
        .doc-view-btn {
            margin-left: 4px;
            padding: 2px 6px;
            border: none;
            background: #ecf5ff;
            color: #409eff;
            border-radius: 3px;
            font-size: 11px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 2px;
        }
        .doc-view-btn:hover {
            background: #d9ecff;
        }
        .status-container {
            max-width: 140px;
        }
        .document-status {
            max-width: 140px;
            word-break: break-word;
        }
        .doctor-name {
            font-size: 10px;
            color: #909399;
            margin-top: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 140px;
        }
    `;
    document.head.appendChild(style);

    // Отправка сообщений в background
    async function sendMessageToBackground(action, data) {
        return new Promise((resolve) => {
            chrome.runtime.sendMessage({ action, data }, (response) => {
                resolve(response || { success: false, message: 'Нет ответа от background' });
            });
        });
    }

    // Сохранение фильтров в storage
    function saveFiltersToStorage() {
        chrome.storage.local.set({ documentFilters: filters });
    }

    // Загрузка фильтров из storage
    async function loadFiltersFromStorage() {
        return new Promise((resolve) => {
            chrome.storage.local.get(['documentFilters'], (result) => {
                if (result.documentFilters) {
                    filters = { ...filters, ...result.documentFilters };

                    // Применяем фильтры к элементам управления
                    esiaFilter.value = filters.esia;
                    senderFilter.value = filters.sender;
                    statusFilter.value = filters.status;
                    periodFilter.value = filters.period;
                }
                resolve();
            });
        });
    }

    // Получение статусов с сервера
    async function loadStatuses() {
        try {
            refreshBtn.disabled = true;
            refreshBtn.innerHTML = '<span>🔄 Загрузка...</span>';

            // Получаем ID пользователя из storage
            await getCurrentUserId();

            // Если нет ID пользователя - считаем что не авторизованы
            if (!currentUserId) {
                authWarning.classList.add('visible');
                tableSection.classList.remove('visible');
                return;
            }

            // Формируем данные для отправки на сервер (без search)
            const requestData = {
                userIdLpu: currentUserId,
                filters: {
                    esia: filters.esia,
                    sender: filters.sender,
                    status: filters.status,
                    period: filters.period
                }
            };

            // Отправляем запрос с фильтрами
            const response = await sendMessageToBackground('getStatuses', requestData);

            if (response.success && Array.isArray(response.data)) {
                allStatuses = response.data;
                authWarning.classList.remove('visible');
                tableSection.classList.add('visible');

                // Применяем поиск на клиенте
                applyClientFilters();
            } else {
                showMessage('Ошибка загрузки: ' + (response.message || 'Неизвестная ошибка'), 'error');
                allStatuses = [];
                renderTable([]);
            }
        } catch (error) {
            showMessage('Ошибка загрузки данных', 'error');
            allStatuses = [];
            renderTable([]);
        } finally {
            refreshBtn.disabled = false;
            refreshBtn.innerHTML = '<span>🔄 Обновить</span>';
            resetRefreshButton();
            filtersChanged = false;
        }
    }

    // Получение ID текущего пользователя из storage
    async function getCurrentUserId() {
        return new Promise((resolve) => {
            chrome.storage.local.get(['userData'], (result) => {
                if (result.userData && result.userData.id) {
                    currentUserId = result.userData.id;
                    resolve(currentUserId);
                } else {
                    currentUserId = null;
                    resolve(null);
                }
            });
        });
    }

    // Применение клиентских фильтров (поиск)
    function applyClientFilters() {
        let filtered = [...allStatuses];

        // Поиск по тексту (на клиенте)
        const searchText = searchInput.value.toLowerCase().trim();
        if (searchText) {
            filtered = filtered.filter(item => {
                const patientName = (item.patientName || '').toLowerCase();
                const documents = item.documents?.map(d => `${d.number} ${d.title}`).join(' ').toLowerCase() || '';
                return patientName.includes(searchText) || documents.includes(searchText);
            });
        }

        renderTable(filtered);
    }

    // Просмотр документа
    async function viewDocument(documentPath, title) {
        try {
            const response = await sendMessageToBackground('getDocument', { documentPath });

            if (response.success && response.data) {
                const byteCharacters = atob(response.data);
                const byteNumbers = new Array(byteCharacters.length);
                for (let i = 0; i < byteCharacters.length; i++) {
                    byteNumbers[i] = byteCharacters.charCodeAt(i);
                }
                const byteArray = new Uint8Array(byteNumbers);
                const blob = new Blob([byteArray], { type: 'application/pdf' });
                const url = window.URL.createObjectURL(blob);

                const newWindow = window.open(url, '_blank');
                if (!newWindow) {
                    const link = document.createElement('a');
                    link.href = url;
                    link.download = 'document.pdf';
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link);
                }

                setTimeout(() => window.URL.revokeObjectURL(url), 1000);
            } else {
                showMessage('Ошибка загрузки документа', 'error');
            }
        } catch (error) {
            showMessage('Ошибка просмотра документа', 'error');
        }
    }

    // Рендер таблицы
    // Рендер таблицы
    function renderTable(data) {
        if (!data || data.length === 0) {
            tableBody.innerHTML = '';
            emptyState.classList.remove('hidden');
            return;
        }

        emptyState.classList.add('hidden');

        const rows = data.map(item => {
            // Берем только общие статусы (где idPatientMis === null)
            const commonStatuses = item.statuses?.filter(s => s.idPatientMis === null) || [];

            // Берем последний общий статус
            const lastStatus = commonStatuses.length > 0
                ? commonStatuses.reduce((max, s) => s.id > max.id ? s : max, commonStatuses[0])
                : null;

            // Если нет общих статусов, используем первый статус из списка как fallback
            const displayStatus = lastStatus || (item.statuses && item.statuses[0]) || null;

            const statusClass = getStatusClass(displayStatus?.category);
            const statusIcon = getStatusIcon(displayStatus?.category);

            // Маппинг типов доставки на отображаемые названия
            const deliveryTypeLabels = {
                'sms': 'СМС',
                'max': 'МАХ',
                'mila': 'Mila',
                'goskey': 'Goskey'
            };

            const documentsHtml = item.documents?.map(doc => {
                // Документы можно просматривать только если статус не error
                const isClickable = displayStatus?.category !== 'error' && doc.storagePath;
                const baseClass = isClickable ? 'doc-item clickable-doc' : 'doc-item';

                return `
                <div class="${baseClass}" 
                     ${isClickable ? `data-path="${doc.storagePath}" data-title="${doc.title}"` : ''}
                     style="${isClickable ? 'cursor: pointer;' : ''} display: flex; align-items: center; justify-content: space-between;">
                    <span style="flex: 1; text-align: left; word-break: break-word;" title="${doc.title}">№${doc.number} ${doc.title?.replace(/\s+/g, ' ')}</span>
                    ${isClickable ? '<span style="margin-left: 4px; color: #409eff;">📄</span>' : ''}
                </div>
            `;
            }).join('');

            const hasMainDocument = item.storagePath.length > 0;

            return `
            <tr>
                <td>
                    <div class="document-name" title="${item.patientName || 'Неизвестно'}">${item.patientName || 'Неизвестно'}</div>
                    <div class="document-date">${formatDate(item.created_at)}</div>
                    <div class="document-date">✉️ ${deliveryTypeLabels[item.deliveryType] || item.deliveryType}</div>
                    <div class="doctor-name" title="${item.userName || ''}">
                        <span>👤 ${item.userName || 'Неизвестно'}</span>
                    </div>
                </td>
                <td>
                    <div class="document-docs">
                        ${documentsHtml}
                    </div>
                </td>
                <td>
                    <div class="status-container">
                        <div class="document-status ${statusClass}" 
                            title="${displayStatus?.description || ''}">
                            <span style="margin-right: 4px;">${statusIcon}</span>
                            ${displayStatus?.name || 'Неизвестно'}
                        </div>
                        <div class="status-date">${formatDate(displayStatus?.created_at || item.created_at)}</div>
                        ${hasMainDocument && displayStatus?.category !== 'error'
                    ? item.storagePath.map((path, index) => `
                                <button class="doc-view-btn" data-path="${path}" title="Итоговый документ ${index + 1}">
                                    📄 Файл ${index + 1}
                                </button>
                            `).join('')
                    : ''}
                    </div>
                </td>
            </tr>
            `;
        }).join('');

        tableBody.innerHTML = rows;

        // Добавляем обработчики для кликабельных документов
        document.querySelectorAll('.clickable-doc').forEach(el => {
            el.addEventListener('click', (e) => {
                e.stopPropagation();
                const path = el.dataset.path;
                const title = el.dataset.title;
                if (path) viewDocument(path, title);
            });
        });

        // Обработчики для кнопок просмотра
        document.querySelectorAll('.doc-view-btn').forEach(btn => {
            btn.addEventListener('click', (e) => {
                e.stopPropagation();
                const path = btn.dataset.path;
                const title = btn.dataset.title;
                if (path) viewDocument(path, title);
            });
        });
    }

    // Обработчики фильтров
    function setupFilters() {
        const filterElements = [esiaFilter, senderFilter, statusFilter, periodFilter];

        filterElements.forEach(filter => {
            filter.addEventListener('change', () => {
                // Обновляем состояние фильтров
                filters[filter.id.replace('Filter', '')] = filter.value;
                filtersChanged = true;
                highlightRefreshButton();
                saveFiltersToStorage();
            });
        });

        searchInput.addEventListener('input', () => {
            // Для поиска не показываем уведомление о необходимости обновления
            // применяем фильтрацию сразу на клиенте
            applyClientFilters();
            searchClear.classList.toggle('visible', searchInput.value.length > 0);
        });

        searchClear.addEventListener('click', () => {
            searchInput.value = '';
            searchClear.classList.remove('visible');
            applyClientFilters();
        });

        refreshBtn.addEventListener('click', () => {
            // Сохраняем текущие фильтры и загружаем данные
            saveFiltersToStorage();
            loadStatuses();
        });

        allDocumentsBtn.addEventListener('click', () => {
            chrome.runtime.openOptionsPage();
        });
    }

    // Настройки сервера
    function setupServerSettings() {
        // Загрузка сохраненных настроек
        chrome.storage.local.get(['serverIp', 'serverPort'], (result) => {
            if (result.serverIp) {
                currentServerIp.textContent = result.serverIp;
                editServerIp.value = result.serverIp;
            }
            if (result.serverPort) {
                currentServerPort.textContent = result.serverPort;
                editServerPort.value = result.serverPort;
            }
            if (result.serverIp && result.serverPort) {
                accordionIcon.textContent = '✅';
                accordionTitle.textContent = 'Сервер настроен';
                adminButton.classList.remove('hidden');
            }
        });

        // Аккордеон
        accordionHeader.addEventListener('click', () => {
            serverAccordion.classList.toggle('expanded');
        });

        // Редактирование
        editButton.addEventListener('click', () => {
            viewButtons.classList.add('hidden');
            editButtons.classList.remove('hidden');

            currentServerIp.classList.add('hidden');
            currentServerPort.classList.add('hidden');
            editServerIp.classList.add('visible');
            editServerPort.classList.add('visible');

            saveOptions.classList.add('disabled');
        });

        // Валидация полей
        [editServerIp, editServerPort].forEach(input => {
            input.addEventListener('input', () => {
                const ipValid = /^(\d{1,3}\.){3}\d{1,3}$/.test(editServerIp.value) || editServerIp.value === '';
                const portValid = editServerPort.value > 0 && editServerPort.value < 65536;

                editServerIp.classList.toggle('error', !ipValid && editServerIp.value !== '');
                editServerPort.classList.toggle('error', !portValid && editServerPort.value !== '');

                if (ipValid && portValid && editServerIp.value && editServerPort.value) {
                    saveOptions.classList.remove('disabled');
                } else {
                    saveOptions.classList.add('disabled');
                }
            });
        });

        // Сохранение с проверкой health
        saveOptions.addEventListener('click', async () => {
            if (saveOptions.classList.contains('disabled')) return;

            const ip = editServerIp.value;
            const port = parseInt(editServerPort.value);

            // Показываем индикатор загрузки на кнопке
            const originalText = saveOptions.textContent;
            saveOptions.textContent = '⋯';
            saveOptions.disabled = true;

            try {
                // Проверяем health endpoint
                const healthUrl = `http://${ip}:${port}/api/health`;
                const controller = new AbortController();
                const timeoutId = setTimeout(() => controller.abort(), 5000); // Таймаут 5 секунд

                const response = await fetch(healthUrl, {
                    method: 'GET',
                    signal: controller.signal
                });

                clearTimeout(timeoutId);

                if (!response.ok) {
                    throw new Error(`HTTP error: ${response.status}`);
                }

                const data = await response.json();

                // Проверяем что получили ожидаемый ответ
                if (data.status !== 'healthy') {
                    throw new Error('Сервер вернул некорректный ответ');
                }

                // Если все ок - сохраняем настройки
                chrome.storage.local.set({ serverIp: ip, serverPort: port }, () => {
                    currentServerIp.textContent = ip;
                    currentServerPort.textContent = port;

                    viewButtons.classList.remove('hidden');
                    editButtons.classList.add('hidden');

                    currentServerIp.classList.remove('hidden');
                    currentServerPort.classList.remove('hidden');
                    editServerIp.classList.remove('visible', 'error');
                    editServerPort.classList.remove('visible', 'error');

                    accordionIcon.textContent = '✅';
                    accordionTitle.textContent = 'Сервер настроен';
                    adminButton.classList.remove('hidden');

                    // Показываем успешное сообщение
                    showMessage('Сервер успешно подключен', 'success', 2000);
                });

            } catch (error) {
                console.error('Health check failed:', error);

                // Определяем тип ошибки для понятного сообщения
                let errorMessage = 'Ошибка подключения к серверу';

                if (error.name === 'AbortError') {
                    errorMessage = 'Сервер не отвечает (таймаут 5 сек)';
                } else if (error.message.includes('Failed to fetch')) {
                    errorMessage = 'Сервер недоступен. Проверьте IP и порт';
                } else {
                    errorMessage = error.message || 'Неизвестная ошибка';
                }

                // Показываем уведомление об ошибке
                showMessage(`❌ ${errorMessage}`, 'error', 3000);

                // Подсвечиваем поля с ошибкой
                editServerIp.classList.add('error');
                editServerPort.classList.add('error');

                // Возвращаем иконку на кнопке
                saveOptions.textContent = originalText;
                saveOptions.disabled = false;
            }
        });

        // Отмена
        cancelOptions.addEventListener('click', () => {
            viewButtons.classList.remove('hidden');
            editButtons.classList.add('hidden');

            currentServerIp.classList.remove('hidden');
            currentServerPort.classList.remove('hidden');
            editServerIp.classList.remove('visible', 'error');
            editServerPort.classList.remove('visible', 'error');

            editServerIp.value = currentServerIp.textContent;
            editServerPort.value = currentServerPort.textContent;
        });

        //Администрирование
        adminButton.addEventListener('click', () => {
            chrome.tabs.create({ url: `http://${currentServerIp.textContent}:${currentServerPort.textContent}/` });
        });
    }

    // Проверка авторизации
    async function checkAuth() {
        const userId = await getCurrentUserId();

        if (userId) {
            authWarning.classList.remove('visible');
            tableSection.classList.add('visible');
            // Загружаем фильтры из storage и делаем первый запрос
            await loadFiltersFromStorage();
            loadStatuses();
        } else {
            authWarning.classList.add('visible');
            tableSection.classList.remove('visible');
        }
    }

    // Инициализация
    document.addEventListener('DOMContentLoaded', () => {
        setupServerSettings();
        setupFilters();
        checkAuth();
    });
})();