// documents.js - Работа с документами для согласования

let documentTypes = [];

async function loadDocumentTypes() {
    try {
        const response = await fetch('/api/document-types');
        documentTypes = await response.json();
        populateDocumentTypeSelect();
    } catch (error) {
        console.error('Ошибка загрузки типов документов:', error);
    }
}

function populateDocumentTypeSelect() {
    const select = document.getElementById('document-type');
    if (!select) return;
    
    select.innerHTML = '<option value="">Выберите тип документа...</option>';
    
    documentTypes.forEach(type => {
        const option = document.createElement('option');
        option.value = type.id;
        option.textContent = type.name;
        select.appendChild(option);
    });
}

function initializeDocumentForm() {
    const form = document.getElementById('create-document-form');
    if (form) {
        form.addEventListener('submit', createDocumentTask);
    }
    
    // Инициализация даты по умолчанию
    const today = new Date();
    const todayStr = today.toISOString().split('T')[0];
    const dateInput = document.getElementById('document-date');
    if (dateInput) {
        dateInput.value = todayStr;
    }
    
    loadDocumentTypes();
}

async function createDocumentTask() {
    console.log('📝 Создание документа...');
    
    // Собираем данные формы
    const formData = new FormData();
    
    // Обязательное поле - только название
    const title = document.getElementById('doc-title').value.trim();
    if (!title) {
        showNotification('Название документа обязательно', 'error');
        return;
    }
    
    formData.append('title', title);
    formData.append('description', document.getElementById('doc-description').value);
    formData.append('dueDate', document.getElementById('doc-due-date').value);
    
    // Тип документа - опционально
    const documentTypeSelect = document.getElementById('doc-type');
    if (documentTypeSelect && documentTypeSelect.value) {
        formData.append('documentTypeId', documentTypeSelect.value);
    }
    
    // Остальные поля - опционально
    formData.append('documentNumber', document.getElementById('doc-number')?.value || '');
    formData.append('documentDate', document.getElementById('doc-date')?.value || '');
    formData.append('pagesCount', document.getElementById('doc-pages')?.value || '');
    
    const urgencySelect = document.getElementById('doc-urgency');
    if (urgencySelect) {
        formData.append('urgencyLevel', urgencySelect.value);
    }
    
    formData.append('comment', document.getElementById('doc-comment')?.value || '');
    
    // Добавляем файлы (опционально)
    const fileInput = document.getElementById('doc-files');
    if (fileInput && fileInput.files) {
        for (let i = 0; i < fileInput.files.length; i++) {
            formData.append('files', fileInput.files[i]);
        }
    }
    
    // Показываем индикатор загрузки
    const submitBtn = document.querySelector('#new-doc-form button[type="submit"]');
    const originalText = submitBtn.innerHTML;
    submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Создание...';
    submitBtn.disabled = true;
    
    try {
        console.log('📤 Отправка запроса на создание документа...');
        
        const response = await fetch('/api/documents', {
            method: 'POST',
            body: formData
        });
        
        const result = await response.json();
        
        if (response.ok) {
            console.log('✅ Документ создан успешно:', result);
            
            // Показываем сообщение об успехе
            showNotification('Документ успешно создан и отправлен на согласование', 'success');
            
            // Закрываем модальное окно
            const modal = bootstrap.Modal.getInstance(document.getElementById('newDocModal'));
            if (modal) modal.hide();
            
            // Очищаем форму
            const form = document.getElementById('new-doc-form');
            if (form) form.reset();
            
            // Обновляем список документов
            await loadMyDocuments();
            
        } else {
            console.error('❌ Ошибка создания документа:', result);
            showNotification(`Ошибка: ${result.error || 'Неизвестная ошибка'}`, 'error');
        }
        
    } catch (error) {
        console.error('❌ Ошибка сети при создании документа:', error);
        showNotification('Ошибка сети при создании документа', 'error');
    } finally {
        // Восстанавливаем кнопку
        if (submitBtn) {
            submitBtn.innerHTML = originalText;
            submitBtn.disabled = false;
        }
    }
}

function updateDocumentFileList() {
    const fileInput = document.getElementById('document-files');
    const fileList = document.getElementById('document-file-list');
    
    const files = fileInput.files;
    if (files.length === 0) {
        fileList.innerHTML = '';
        return;
    }
    
    let html = '<ul>';
    let totalSize = 0;
    
    for (let i = 0; i < files.length; i++) {
        const file = files[i];
        totalSize += file.size;
        html += `<li>${file.name} (${(file.size / 1024 / 1024).toFixed(2)} MB)</li>`;
    }
    
    html += '</ul>';
    html += `<p><strong>Общий размер: ${(totalSize / 1024 / 1024).toFixed(2)} MB / 300 MB</strong></p>`;
    
    fileList.innerHTML = html;
}

// Функции для работы с документами
async function loadMyDocuments() {
    try {
        const response = await fetch('/api/documents/my');
        const documents = await response.json();
        renderMyDocuments(documents);
    } catch (error) {
        console.error('Ошибка загрузки документов:', error);
    }
}

async function loadSecretaryDocuments() {
    try {
        const response = await fetch('/api/documents/secretary');
        const documents = await response.json();
        renderSecretaryDocuments(documents);
    } catch (error) {
        console.error('Ошибка загрузки документов секретаря:', error);
    }
}

function renderMyDocuments(documents) {
    console.log('📄 Рендеринг документов:', documents);
    
    const container = document.getElementById('my-docs-list');
    
    if (!documents || !Array.isArray(documents)) {
        console.error('❌ documents не является массивом:', documents);
        container.innerHTML = `
            <div class="empty-state">
                <i class="fas fa-exclamation-triangle"></i>
                <p>Ошибка загрузки документов</p>
            </div>
        `;
        return;
    }
    
    if (documents.length === 0) {
        container.innerHTML = `
            <div class="empty-state">
                <i class="fas fa-file-alt"></i>
                <p>У вас нет документов для согласования</p>
                <button class="btn btn-primary" onclick="showNewDocModal()">
                    <i class="fas fa-plus"></i> Создать документ
                </button>
            </div>
        `;
        return;
    }
    
    container.innerHTML = documents.map(doc => {
        // Определяем статус
        let statusClass = 'status-pending';
        let statusText = 'На согласовании';
        
        if (doc.assignment_status === 'completed' || doc.assignment_status === 'approved') {
            statusClass = 'status-completed';
            statusText = 'Согласован';
        } else if (doc.assignment_status === 'refused') {
            statusClass = 'status-cancelled';
            statusText = 'Отказано';
        } else if (doc.closed_at) {
            statusClass = 'status-cancelled';
            statusText = 'Отозван';
        }
        
        // Форматируем дату
        const createdDate = new Date(doc.created_at).toLocaleDateString('ru-RU');
        const dueDate = doc.due_date ? new Date(doc.due_date).toLocaleDateString('ru-RU') : 'Не указана';
        
        // Определяем уровень срочности
        let urgencyBadge = '';
        if (doc.urgency_level === 'urgent') {
            urgencyBadge = '<span class="badge bg-warning">Срочно</span>';
        } else if (doc.urgency_level === 'very_urgent') {
            urgencyBadge = '<span class="badge bg-danger">Очень срочно</span>';
        }
        
        // Проверяем наличие типа документа
        const documentType = doc.document_type_name || 'Не указан';
        
        return `
            <div class="doc-card">
                <div class="doc-header">
                    <h4>${doc.title.replace('Документ: ', '')}</h4>
                    <span class="${statusClass}">${statusText}</span>
                </div>
                
                <div class="doc-info">
                    <div class="info-row">
                        <span class="info-label">Тип:</span>
                        <span>${documentType}</span>
                    </div>
                    
                    ${doc.document_number ? `
                    <div class="info-row">
                        <span class="info-label">Номер:</span>
                        <span>${doc.document_number}</span>
                    </div>
                    ` : ''}
                    
                    ${doc.document_date ? `
                    <div class="info-row">
                        <span class="info-label">Дата документа:</span>
                        <span>${new Date(doc.document_date).toLocaleDateString('ru-RU')}</span>
                    </div>
                    ` : ''}
                    
                    <div class="info-row">
                        <span class="info-label">Создан:</span>
                        <span>${createdDate}</span>
                    </div>
                    
                    <div class="info-row">
                        <span class="info-label">Срок согласования:</span>
                        <span>${dueDate}</span>
                    </div>
                    
                    ${doc.urgency_level && doc.urgency_level !== 'normal' ? `
                    <div class="info-row">
                        <span class="info-label">Срочность:</span>
                        <span>${urgencyBadge}</span>
                    </div>
                    ` : ''}
                    
                    ${doc.assignee_name ? `
                    <div class="info-row">
                        <span class="info-label">Согласующий:</span>
                        <span>${doc.assignee_name}</span>
                    </div>
                    ` : ''}
                    
                    ${doc.refusal_reason ? `
                    <div class="info-row">
                        <span class="info-label">Причина отказа:</span>
                        <span class="text-danger">${doc.refusal_reason}</span>
                    </div>
                    ` : ''}
                </div>
                
                ${doc.description ? `
                <div class="doc-description">
                    <p>${doc.description}</p>
                </div>
                ` : ''}
                
                ${doc.comment ? `
                <div class="doc-comment">
                    <strong><i class="fas fa-comment"></i> Комментарий:</strong>
                    <p>${doc.comment}</p>
                </div>
                ` : ''}
                
                ${doc.files && doc.files.length > 0 ? `
                <div class="doc-files">
                    <strong><i class="fas fa-paperclip"></i> Файлы:</strong>
                    <div class="files-list">
                        ${doc.files.map(file => `
                            <a href="/api/files/${file.id}/download" class="file-link">
                                <i class="fas fa-file"></i> ${file.original_name} (${formatFileSize(file.file_size)})
                            </a>
                        `).join('')}
                    </div>
                </div>
                ` : ''}
                
                ${!doc.closed_at && doc.assignment_status !== 'completed' && 
                  doc.assignment_status !== 'approved' && doc.assignment_status !== 'refused' ? `
                <div class="doc-actions">
                    <button class="btn btn-danger" onclick="cancelDocument(${doc.document_id})">
                        <i class="fas fa-times"></i> Отозвать
                    </button>
                </div>
                ` : ''}
            </div>
        `;
    }).join('');
}

function formatFileSize(bytes) {
    if (bytes === 0) return '0 Б';
    const k = 1024;
    const sizes = ['Б', 'КБ', 'МБ', 'ГБ'];
    const i = Math.floor(Math.log(bytes) / Math.log(k));
    return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
}

// Исправьте функцию loadMyDocuments:
async function loadMyDocuments() {
    console.log('📥 Загрузка моих документов...');
    
    try {
        const response = await fetch('/api/documents/my');
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        const documents = await response.json();
        console.log('✅ Получены документы:', documents);
        renderMyDocuments(documents);
    } catch (error) {
        console.error('❌ Ошибка загрузки документов:', error);
        showNotification('Ошибка загрузки документов', 'error');
        
        const container = document.getElementById('my-docs-list');
        container.innerHTML = `
            <div class="empty-state">
                <i class="fas fa-exclamation-triangle"></i>
                <p>Ошибка загрузки документов: ${error.message}</p>
            </div>
        `;
    }
}
function renderSecretaryDocuments(documents) {
    const container = document.getElementById('secretary-documents-list');
    if (!container) return;
    
    if (documents.length === 0) {
        container.innerHTML = '<div class="empty-state">Нет документов для согласования</div>';
        return;
    }
    
    container.innerHTML = documents.map(doc => `
        <div class="document-card" data-document-id="${doc.id}">
            <div class="document-header">
                <div class="document-title">
                    <span class="document-number">Документ №${doc.document_number || doc.id}</span>
                    <strong>${doc.title}</strong>
                    <span class="document-status ${getDocumentStatusClass(doc.status)}">${getDocumentStatusText(doc.status)}</span>
                    ${doc.urgency_level === 'urgent' ? '<span class="urgency-badge urgent">Срочно</span>' : ''}
                    ${doc.urgency_level === 'very_urgent' ? '<span class="urgency-badge very-urgent">Очень срочно</span>' : ''}
                </div>
                <div class="document-meta">
                    <small>От: ${doc.creator_name}</small>
                    <small>Создан: ${formatDateTime(doc.created_at)}</small>
                    ${doc.due_date ? `<small>Срок: ${formatDateTime(doc.due_date)}</small>` : ''}
                </div>
            </div>
            
            <div class="document-details">
                <div class="document-info">
                    <p><strong>Тип:</strong> ${doc.document_type_name || 'Не указан'}</p>
                    <p><strong>Номер:</strong> ${doc.document_number || 'Не указан'}</p>
                    <p><strong>Дата документа:</strong> ${doc.document_date ? formatDate(doc.document_date) : 'Не указана'}</p>
                    <p><strong>Количество страниц:</strong> ${doc.pages_count || 'Не указано'}</p>
                    ${doc.comment ? `<p><strong>Комментарий автора:</strong> ${doc.comment}</p>` : ''}
                </div>
                
                <div class="document-files">
                    ${doc.files && doc.files.length > 0 ? `
                        <strong>Файлы:</strong>
                        <div class="file-icons-container">
                            ${doc.files.map(file => renderFileIcon(file)).join('')}
                        </div>
                    ` : '<strong>Файлы:</strong> <span class="no-files">нет файлов</span>'}
                </div>
                
                <div class="secretary-actions" id="secretary-actions-${doc.id}">
                    ${doc.status === 'assigned' ? `
                        <button onclick="updateDocumentStatus(${doc.id}, 'in_progress')" class="btn-primary">Взять в работу</button>
                    ` : ''}
                    
                    ${doc.status === 'in_progress' ? `
                        <div class="status-buttons">
                            <button onclick="showApproveModal(${doc.id})" class="btn-success">Согласовать</button>
                            <button onclick="showReceiveModal(${doc.id})" class="btn-primary">Получен (оригинал)</button>
                            <button onclick="showRefuseModal(${doc.id})" class="btn-warning">Отказать</button>
                        </div>
                    ` : ''}
                    
                    ${doc.status === 'approved' ? `
                        <div class="status-buttons">
                            <button onclick="showReceiveModal(${doc.id})" class="btn-primary">Получен (оригинал)</button>
                            <button onclick="updateDocumentStatus(${doc.id}, 'refused')" class="btn-warning">Отказать</button>
                        </div>
                    ` : ''}
                    
                    ${doc.status === 'received' ? `
                        <div class="status-buttons">
                            <button onclick="updateDocumentStatus(${doc.id}, 'signed')" class="btn-success">Подписан</button>
                            <button onclick="updateDocumentStatus(${doc.id}, 'refused')" class="btn-warning">Отказать</button>
                        </div>
                    ` : ''}
                    
                    ${doc.status === 'refused' ? `
                        <p class="refusal-info"><strong>Причина отказа:</strong> ${doc.refusal_reason}</p>
                    ` : ''}
                </div>
            </div>
        </div>
    `).join('');
}

function getDocumentStatusClass(status) {
    switch(status) {
        case 'assigned': return 'status-assigned';
        case 'in_progress': return 'status-in-progress';
        case 'approved': return 'status-approved';
        case 'received': return 'status-received';
        case 'signed': return 'status-signed';
        case 'refused': return 'status-refused';
        case 'cancelled': return 'status-cancelled';
        default: return 'status-assigned';
    }
}

function getDocumentStatusText(status) {
    switch(status) {
        case 'assigned': return 'Назначена';
        case 'in_progress': return 'В работе';
        case 'approved': return 'Согласован';
        case 'received': return 'Получен';
        case 'signed': return 'Подписан';
        case 'refused': return 'Отказано';
        case 'cancelled': return 'Отозвано';
        default: return status;
    }
}

function formatDate(dateString) {
    if (!dateString) return '';
    return new Date(dateString).toLocaleDateString('ru-RU');
}

// Модальные окна для секретаря
function showApproveModal(documentId) {
    currentDocumentId = documentId;
    document.getElementById('approve-document-modal').style.display = 'block';
}

function closeApproveModal() {
    document.getElementById('approve-document-modal').style.display = 'none';
    document.getElementById('approve-comment').value = '';
}

function showReceiveModal(documentId) {
    currentDocumentId = documentId;
    document.getElementById('receive-document-modal').style.display = 'block';
}

function closeReceiveModal() {
    document.getElementById('receive-document-modal').style.display = 'none';
    document.getElementById('receive-comment').value = '';
}

function showRefuseModal(documentId) {
    currentDocumentId = documentId;
    document.getElementById('refuse-document-modal').style.display = 'block';
}

function closeRefuseModal() {
    document.getElementById('refuse-document-modal').style.display = 'none';
    document.getElementById('refuse-reason').value = '';
}

let currentDocumentId = null;

// Функции для работы с API
async function updateDocumentStatus(documentId, status, comment = '', refusalReason = '') {
    try {
        const response = await fetch(`/api/documents/${documentId}/status`, {
            method: 'PUT',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                status: status,
                comment: comment,
                refusalReason: refusalReason
            })
        });
        
        if (response.ok) {
            alert('Статус документа обновлен!');
            
            // Закрываем модальные окна
            closeApproveModal();
            closeReceiveModal();
            closeRefuseModal();
            
            // Обновляем список документов
            if (isSecretary()) {
                loadSecretaryDocuments();
            }
            loadMyDocuments();
        } else {
            const error = await response.json();
            alert(error.error || 'Ошибка обновления статуса');
        }
    } catch (error) {
        console.error('Ошибка:', error);
        alert('Ошибка обновления статуса');
    }
}

async function cancelDocument(documentId) {
    if (!confirm('Вы уверены, что хотите отозвать документ?')) {
        return;
    }
    
    try {
        const response = await fetch(`/api/documents/${documentId}/cancel`, {
            method: 'POST'
        });
        
        if (response.ok) {
            alert('Документ отозван!');
            loadMyDocuments();
        } else {
            const error = await response.json();
            alert(error.error || 'Ошибка отзыва документа');
        }
    } catch (error) {
        console.error('Ошибка:', error);
        alert('Ошибка отзыва документа');
    }
}

async function reworkDocument(documentId) {
    // Здесь можно открыть форму для повторной отправки
    alert('Функция исправления и повторной отправки будет реализована в следующей версии');
}

async function downloadDocumentPackage(documentId) {
    try {
        const response = await fetch(`/api/documents/${documentId}/package`);
        if (response.ok) {
            const blob = await response.blob();
            const url = window.URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = `document_${documentId}_package.zip`;
            document.body.appendChild(a);
            a.click();
            window.URL.revokeObjectURL(url);
            document.body.removeChild(a);
        } else {
            const error = await response.json();
            alert(error.error || 'Ошибка скачивания пакета документов');
        }
    } catch (error) {
        console.error('Ошибка:', error);
        alert('Ошибка скачивания пакета документов');
    }
}

function isSecretary() {
    return currentUser && currentUser.groups && currentUser.groups.includes('Секретарь');
}

function showDocumentSection(sectionName) {
    // Скрываем все секции
    document.querySelectorAll('.document-section').forEach(section => {
        section.style.display = 'none';
    });
    
    // Показываем выбранную секцию
    const targetSection = document.getElementById(`${sectionName}-section`);
    if (targetSection) {
        targetSection.style.display = 'block';
    }
    
    // Загружаем данные для секции
    if (sectionName === 'my-documents') {
        loadMyDocuments();
    } else if (sectionName === 'secretary-documents' && isSecretary()) {
        loadSecretaryDocuments();
    }
}

// Инициализация при загрузке страницы
document.addEventListener('DOMContentLoaded', function() {
    if (window.location.pathname === '/doc') {
        initializeDocumentForm();
        
        // Показываем соответствующие секции
        if (isSecretary()) {
            document.getElementById('secretary-tab').style.display = 'block';
        }
        
        // По умолчанию показываем создание документа
        showDocumentSection('create-document');
    }
});