@extends('layouts.app')

@section('title', 'Импорт документов из Excel/CSV')

@section('content')
<style>
.upload-area {
    border: 3px dashed #ccc;
    border-radius: 10px;
    padding: 40px 20px;
    text-align: center;
    margin: 20px 0;
    transition: all 0.3s;
    background-color: #fafafa;
    cursor: pointer;
}
.upload-area:hover, .upload-area.dragover {
    border-color: #28a745;
    background-color: #f0fff0;
}
.hidden { display: none; }
.status-message {
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    text-align: center;
}
.status-success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.status-error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.status-info { background-color: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; }
.preview-section { margin-top: 30px; }
.actions { margin-top: 20px; text-align: center; }
.btn { padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; margin: 5px; }
.btn-success { background-color: #28a745; color: white; }
.btn-danger { background-color: #dc3545; color: white; }
.btn:disabled { background-color: #6c757d; cursor: not-allowed; }
.table-responsive { overflow-x: auto; margin: 20px 0; max-height: 500px; overflow-y: auto; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th, .data-table td { padding: 8px 12px; border: 1px solid #ddd; text-align: left; font-size: 14px; }
.data-table th { background-color: #f2f2f2; font-weight: bold; position: sticky; top: 0; }
</style>

<h1>Импорт документов из Excel/CSV</h1>

<div class="alert alert-info">
    <strong>📌 Инструкция:</strong>
    <ul class="mb-0 mt-2">
        <li>Поддерживаемые форматы: .xls, .xlsx, .csv</li>
        <li>Для CSV файлов используйте разделитель <strong>точка с запятой (;)</strong></li>
        <li>Файл должен быть сохранен в кодировке <strong>UTF-8</strong> (без BOM)</li>
        <li><strong>Обязательные поля:</strong> contract_number (номер договора), contract_type (тип договора)</li>
        <li><strong>Для привязки к клиенту используйте:</strong> contractor_inn (ИНН контрагента)</li>
    </ul>
</div>

<div class="card mb-4">
    <div class="card-header bg-light">
        <h5 class="mb-0">Пример структуры CSV файла</h5>
    </div>
    <div class="card-body">
        <pre style="background: #f8f9fa; padding: 10px; border-radius: 5px; font-size: 12px; overflow-x: auto;">
contract_number;contract_type;contractor_inn;contractor_name;conclusion_date;start_date;end_date;contract_description;scan_file_path
Д-001;Договор электроснабжения;770112345678;Иванов Сергей Петрович;2024-01-15;2024-01-15;;Договор на электроснабжение;/scans/Д-001.pdf
Д-002;Правоустанавливающий договор;771198765432;Петрова Анна Владимировна;2024-02-20;2024-02-20;;Договор купли-продажи;/scans/Д-002.pdf
        </pre>
        <p class="text-muted small mt-2">* Используйте кодировку UTF-8 без BOM</p>
    </div>
</div>

<div id="uploadSection">
    <div class="upload-area" id="uploadArea">
        <h3>Перетащите файл Excel/CSV с документами сюда</h3>
        <p>или нажмите для выбора файла</p>
        <p>Поддерживаемые форматы: .xls, .xlsx, .csv</p>
        <input type="file" id="fileInput" accept=".xls,.xlsx,.csv" class="hidden">
        <button class="btn btn-success" onclick="document.getElementById('fileInput').click()">Выбрать файл</button>
    </div>
    <div id="fileInfo" class="hidden"></div>
    <div class="actions">
        <button id="processBtn" class="btn btn-success" disabled onclick="processFile()">Обработать файл</button>
    </div>
</div>

<div id="previewSection" class="preview-section hidden">
    <h2>Предпросмотр данных</h2>
    <div id="previewTableContainer"></div>
    <div class="actions">
        <form id="importForm" method="POST" action="{{ route('documents.import.process') }}">
            @csrf
            <input type="hidden" name="import_data" id="importData">
            <button type="submit" class="btn btn-success">Подтвердить импорт</button>
            <button type="button" class="btn btn-danger" onclick="cancelImport()">Отменить</button>
        </form>
    </div>
</div>
<div id="statusMessage" class="status-message hidden"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
<script>
let currentFile = null;
let importData = [];

const uploadArea = document.getElementById('uploadArea');
const fileInput = document.getElementById('fileInput');
const processBtn = document.getElementById('processBtn');
const uploadSection = document.getElementById('uploadSection');
const previewSection = document.getElementById('previewSection');
const previewTableContainer = document.getElementById('previewTableContainer');
const statusMessage = document.getElementById('statusMessage');
const importDataField = document.getElementById('importData');

uploadArea.addEventListener('dragover', (e) => { e.preventDefault(); uploadArea.classList.add('dragover'); });
uploadArea.addEventListener('dragleave', () => { uploadArea.classList.remove('dragover'); });
uploadArea.addEventListener('drop', (e) => {
    e.preventDefault();
    uploadArea.classList.remove('dragover');
    if (e.dataTransfer.files.length > 0) handleFileSelection(e.dataTransfer.files[0]);
});
fileInput.addEventListener('change', (e) => {
    if (e.target.files.length > 0) handleFileSelection(e.target.files[0]);
});

function handleFileSelection(file) {
    const validExt = file.name.endsWith('.xls') || file.name.endsWith('.xlsx') || file.name.endsWith('.csv');
    if (!validExt) {
        showStatus('Ошибка: выберите файл Excel (.xls, .xlsx) или CSV', 'error');
        return;
    }
    currentFile = file;
    document.getElementById('fileInfo').innerHTML = `<strong>Выбран файл:</strong> ${file.name}`;
    document.getElementById('fileInfo').classList.remove('hidden');
    processBtn.disabled = false;
    showStatus('Файл загружен. Нажмите "Обработать файл"', 'info');
}

// Функция для очистки текста от BOM и лишних символов
function cleanText(text) {
    if (!text) return '';
    // Удаляем BOM (U+FEFF)
    if (text.charCodeAt(0) === 0xFEFF) {
        text = text.slice(1);
    }
    // Удаляем невидимые символы в конце строки
    text = text.replace(/[\r\n\t]+$/, '');
    text = text.replace(/^[\r\n\t]+/, '');
    // Заменяем неразрывные пробелы на обычные
    text = text.replace(/\u00A0/g, ' ');
    return text;
}

// Функция парсинга CSV с поддержкой кавычек
function parseCSV(text) {
    // Удаляем BOM и лишние символы
    text = cleanText(text);
    
    const lines = text.split(/\r\n|\n/);
    if (lines.length === 0) return [];
    
    // Определяем разделитель (; или ,)
    let delimiter = ';';
    if (lines[0].indexOf(',') !== -1 && lines[0].indexOf(';') === -1) {
        delimiter = ',';
    }
    
    // Функция парсинга строки с учетом кавычек
    function parseCSVLine(line) {
        const result = [];
        let inQuotes = false;
        let current = '';
        
        for (let i = 0; i < line.length; i++) {
            const char = line[i];
            
            if (char === '"') {
                inQuotes = !inQuotes;
            } else if (char === delimiter && !inQuotes) {
                result.push(cleanText(current));
                current = '';
            } else {
                current += char;
            }
        }
        result.push(cleanText(current));
        return result;
    }
    
    const headers = parseCSVLine(lines[0]).map(h => h.toLowerCase().trim());
    const data = [];
    
    for (let i = 1; i < lines.length; i++) {
        if (!lines[i].trim()) continue;
        const values = parseCSVLine(lines[i]);
        const row = {};
        headers.forEach((h, idx) => {
            if (idx < values.length && values[idx]) {
                row[h] = cleanText(values[idx]);
            } else {
                row[h] = '';
            }
        });
        data.push(row);
    }
    
    return data;
}

function processFile() {
    if (!currentFile) return;
    showStatus('Обработка файла...', 'info');
    const reader = new FileReader();
    
    reader.onload = function(e) {
        try {
            let jsonData = [];
            
            if (currentFile.name.endsWith('.csv')) {
                const text = e.target.result;
                jsonData = parseCSV(text);
            } else {
                const data = new Uint8Array(e.target.result);
                const workbook = XLSX.read(data, { type: 'array' });
                const sheet = workbook.Sheets[workbook.SheetNames[0]];
                jsonData = XLSX.utils.sheet_to_json(sheet);
                
                jsonData = jsonData.map(row => {
                    const cleaned = {};
                    for (let key in row) {
                        let value = row[key];
                        if (typeof value === 'string') {
                            // Заменяем обратные слеши на прямые
                            value = value.replace(/\\/g, '/');
                        }
                        cleaned[key] = value;
                    }
                    return cleaned;
                });
            }
            
            if (jsonData.length === 0) {
                showStatus('Не удалось извлечь данные', 'error');
                return;
            }
            
            importData = [];
            for (let row of jsonData) {
                const normalized = {};
                for (let key in row) {
                    const newKey = key.toLowerCase().trim();
                    normalized[newKey] = row[key];
                }
                
                // Обработка пути к файлу
                let filePath = normalized['scan_file_path'] || normalized['ссылка на файл'] || normalized['файл'] || '';
                if (typeof filePath === 'string') {
                    filePath = filePath.replace(/\\/g, '/');
                }
                
                const item = {
                    contract_number: cleanText(normalized['contract_number'] || normalized['номер договора'] || normalized['номер'] || ''),
                    contract_type: cleanText(normalized['contract_type'] || normalized['тип договора'] || normalized['тип'] || ''),
                    contract_description: cleanText(normalized['contract_description'] || normalized['описание'] || ''),
                    conclusion_date: cleanText(normalized['conclusion_date'] || normalized['дата заключения'] || ''),
                    start_date: cleanText(normalized['start_date'] || normalized['дата начала'] || ''),
                    end_date: cleanText(normalized['end_date'] || normalized['дата окончания'] || ''),
                    contractor_inn: cleanText(normalized['contractor_inn'] || normalized['инн контрагента'] || normalized['инн'] || ''),
                    contractor_name: cleanText(normalized['contractor_name'] || normalized['контрагент'] || ''),
                    scan_file_path: filePath
                };
                
                for (let key in item) {
                    if (item[key] === undefined || item[key] === null) item[key] = '';
                    item[key] = item[key].toString().trim();
                }
                
                if (item.contract_number || item.contract_type) {
                    importData.push(item);
                }
            }
            
            if (importData.length === 0) {
                showStatus('Не удалось извлечь данные документов', 'error');
                return;
            }
            
            let tableHTML = '<div class="table-responsive"><table class="data-table"><thead><tr><th>Номер договора</th><th>Тип договора</th><th>ИНН контрагента</th><th>Контрагент</th><th>Дата заключения</th><th>Ссылка на файл</th></tr></thead><tbody>';
            
            for (let item of importData) {
                tableHTML += `<tr>
                    <td>${escapeHtml(item.contract_number)}</td>
                    <td>${escapeHtml(item.contract_type)}</td>
                    <td>${escapeHtml(item.contractor_inn)}</td>
                    <td>${escapeHtml(item.contractor_name)}</td>
                    <td>${escapeHtml(item.conclusion_date)}</td>
                    <td>${escapeHtml(item.scan_file_path)}</td>
                </tr>`;
            }
            tableHTML += '</tbody></table></div><p>Всего записей: ' + importData.length + '</p>';
            
            previewTableContainer.innerHTML = tableHTML;
            uploadSection.classList.add('hidden');
            previewSection.classList.remove('hidden');
            importDataField.value = JSON.stringify(importData);
            showStatus('Готово к импорту', 'success');
            
        } catch (error) {
            console.error('Ошибка обработки файла:', error);
            showStatus('Ошибка при обработке файла: ' + error.message, 'error');
        }
    };
    
    if (currentFile.name.endsWith('.csv')) {
        reader.readAsText(currentFile, 'UTF-8');
    } else {
        reader.readAsArrayBuffer(currentFile);
    }
}

function cancelImport() {
    currentFile = null;
    importData = [];
    fileInput.value = '';
    document.getElementById('fileInfo').classList.add('hidden');
    processBtn.disabled = true;
    previewSection.classList.add('hidden');
    uploadSection.classList.remove('hidden');
    statusMessage.classList.add('hidden');
}

function showStatus(message, type) {
    statusMessage.textContent = message;
    statusMessage.className = 'status-message';
    if (type === 'success') statusMessage.classList.add('status-success');
    else if (type === 'error') statusMessage.classList.add('status-error');
    else statusMessage.classList.add('status-info');
    statusMessage.classList.remove('hidden');
}

function escapeHtml(text) {
    if (!text) return '';
    return String(text).replace(/[&<>]/g, function(m) {
        if (m === '&') return '&amp;';
        if (m === '<') return '&lt;';
        if (m === '>') return '&gt;';
        return m;
    });
}
</script>
@endsection