/**
 * ===============================================================================
 * FILE: modules/web_api/static/js/manual_absences.js
 * ROLE: Модальные окна "Мест. командир.", "Иное", живой автокомплит ФИО из 1С:ЗУП
 *       и мгновенная синхронизация с боковой панелью SidebarManager.
 * ===============================================================================
 */

let activeAbsenceType = 'LOCAL_TRIP'; // 'LOCAL_TRIP' или 'OTHER'
let reasonsCache = [];

async function loadAbsenceReasons() {
    try {
        const res = await fetch('/api/v1/manual-absences/reasons');
        if (res.ok) {
            const data = await res.json();
            reasonsCache = data.reasons || [];
        }
    } catch (e) {
        console.error('Ошибка загрузки причин:', e);
    }
}

function openManualAbsenceModal(type) {
    activeAbsenceType = type;
    const isTrip = type === 'LOCAL_TRIP';
    const titleEl = document.getElementById('manual-absence-modal-title');
    const reasonBlock = document.getElementById('manual-absence-reason-block');
    const reasonSelect = document.getElementById('manual-absence-reason-select');

    if (titleEl) {
        titleEl.innerHTML = isTrip 
            ? '<i class="fa-solid fa-location-dot text-indigo-600 mr-2"></i>Местная командировка'
            : '<i class="fa-solid fa-clipboard-list text-purple-600 mr-2"></i>Иные причины отсутствия';
    }

    if (reasonBlock && reasonSelect) {
        if (isTrip) {
            reasonBlock.classList.add('hidden');
        } else {
            reasonBlock.classList.remove('hidden');
            reasonSelect.innerHTML = reasonsCache.map(r => `<option value="${r}">${r}</option>`).join('');
        }
    }

    // Сброс полей ввода
    const fioInput = document.getElementById('manual-absence-fio-input');
    const deptInput = document.getElementById('manual-absence-dept');
    const posInput = document.getElementById('manual-absence-pos');
    const startDateInput = document.getElementById('manual-absence-start-date');
    const endDateInput = document.getElementById('manual-absence-end-date');
    const suggestionsBox = document.getElementById('manual-absence-suggestions');

    if (fioInput) fioInput.value = '';
    if (deptInput) deptInput.value = '';
    if (posInput) posInput.value = '';
    if (startDateInput) startDateInput.value = '';
    if (suggestionsBox) {
        suggestionsBox.classList.add('hidden');
        suggestionsBox.innerHTML = '';
    }
    
    // Окончание по умолчанию — сегодняшний день
    if (endDateInput) {
        const today = new Date().toISOString().split('T')[0];
        endDateInput.value = today;
    }

    loadManualAbsencesTable();
    const modal = document.getElementById('manual-absence-modal');
    if (modal) modal.classList.remove('hidden');
}

function closeManualAbsenceModal() {
    const modal = document.getElementById('manual-absence-modal');
    if (modal) modal.classList.add('hidden');
}

// Живой автокомплит ФИО из базы zup_staff
let searchTimeout = null;
function setupStaffAutocomplete(inputEl, suggestionsBoxId) {
    const box = document.getElementById(suggestionsBoxId);
    if (!inputEl || !box) return;

    inputEl.addEventListener('input', function() {
        const val = this.value.trim();
        clearTimeout(searchTimeout);
        if (val.length < 2) {
            box.classList.add('hidden');
            box.innerHTML = '';
            return;
        }

        searchTimeout = setTimeout(async () => {
            try {
                const res = await fetch(`/api/v1/manual-absences/staff-autocomplete?q=${encodeURIComponent(val)}`);
                if (!res.ok) return;
                const items = await res.json();
                if (items.length === 0) {
                    box.classList.add('hidden');
                    return;
                }

                box.innerHTML = items.map(it => `
                    <div class="p-2 hover:bg-indigo-50 cursor-pointer border-b border-slate-100 flex flex-col text-xs" 
                         onclick="selectStaffSuggestion('${escapeHtml(it.fio)}', '${escapeHtml(it.department)}', '${escapeHtml(it.position)}')">
                        <span class="font-bold text-slate-800">${escapeHtml(it.fio)}</span>
                        <span class="text-[10px] text-slate-500">${escapeHtml(it.department)} · ${escapeHtml(it.position)}</span>
                    </div>
                `).join('');
                box.classList.remove('hidden');
            } catch (e) {
                console.error(e);
            }
        }, 200);
    });
}

function selectStaffSuggestion(fio, dept, pos) {
    const fioInput = document.getElementById('manual-absence-fio-input');
    const deptInput = document.getElementById('manual-absence-dept');
    const posInput = document.getElementById('manual-absence-pos');
    const box = document.getElementById('manual-absence-suggestions');

    if (fioInput) fioInput.value = fio;
    if (deptInput) deptInput.value = dept;
    if (posInput) posInput.value = pos;
    if (box) box.classList.add('hidden');
}

async function submitManualAbsence() {
    const fioInput = document.getElementById('manual-absence-fio-input');
    const fio = fioInput ? fioInput.value.trim() : '';
    if (!fio) {
        alert('Укажите ФИО сотрудника');
        return;
    }

    const deptVal = document.getElementById('manual-absence-dept')?.value.trim() || '';
    const posVal = document.getElementById('manual-absence-pos')?.value.trim() || '';
    const startDateVal = document.getElementById('manual-absence-start-date')?.value || null;
    const endDateVal = document.getElementById('manual-absence-end-date')?.value || null;
    const reasonSelect = document.getElementById('manual-absence-reason-select');

    const payload = {
        absence_type: activeAbsenceType,
        fio: fio,
        department: deptVal,
        position: posVal,
        date_start: startDateVal,
        date_end: endDateVal,
        reason: activeAbsenceType === 'LOCAL_TRIP' ? 'Местная командировка' : (reasonSelect ? reasonSelect.value : 'Иное')
    };

    try {
        const res = await fetch('/api/v1/manual-absences/', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(payload)
        });
        if (res.ok) {
            if (fioInput) fioInput.value = '';
            loadManualAbsencesTable();
            // Обновляем список карточек в боковой панели и закрываем окно
            if (window.SidebarManager && typeof SidebarManager.renderContent === 'function') {
                SidebarManager.renderContent();
            }
            closeManualAbsenceModal();
        } else {
            alert('Ошибка добавления записи');
        }
    } catch (e) {
        alert('Сетевая ошибка при добавлении');
    }
}

async function loadManualAbsencesTable() {
    const tableContainer = document.getElementById('manual-absences-table-body');
    if (!tableContainer) return;

    try {
        const res = await fetch(`/api/v1/manual-absences/?type=${activeAbsenceType}`);
        if (!res.ok) return;
        const data = await res.json();
        const items = data.items || [];

        if (items.length === 0) {
            tableContainer.innerHTML = '<tr><td colspan="5" class="text-center p-4 text-xs text-slate-400">Нет активных записей</td></tr>';
            return;
        }

        tableContainer.innerHTML = items.map(it => `
            <tr class="border-b border-slate-100 text-xs hover:bg-slate-50">
                <td class="p-2 font-bold text-slate-800">${escapeHtml(it.fio)}</td>
                <td class="p-2 text-slate-500">${escapeHtml(it.department || '—')}</td>
                <td class="p-2 text-slate-600">${escapeHtml(it.reason)}</td>
                <td class="p-2 text-center text-slate-500 font-mono text-[11px]">${it.date_start || '—'} / ${it.date_end || '—'}</td>
                <td class="p-2 text-center">
                    <button onclick="deleteManualAbsenceRecord(${it.id})" class="text-slate-400 hover:text-rose-600 transition p-1" title="Удалить">
                        <i class="fa-solid fa-trash-can"></i>
                    </button>
                </td>
            </tr>
        `).join('');
    } catch (e) {
        console.error(e);
    }
}

async function deleteManualAbsenceRecord(id) {
    if (!confirm('Удалить эту запись?')) return;
    try {
        const res = await fetch(`/api/v1/manual-absences/${id}`, { method: 'DELETE' });
        if (res.ok) {
            loadManualAbsencesTable();
            if (window.SidebarManager && typeof SidebarManager.renderContent === 'function') {
                SidebarManager.renderContent();
            }
        }
    } catch (e) {
        alert('Ошибка при удалении');
    }
}

document.addEventListener('DOMContentLoaded', () => {
    loadAbsenceReasons();
    setupStaffAutocomplete(
        document.getElementById('manual-absence-fio-input'), 
        'manual-absence-suggestions'
    );
});