/**
 * proxy-input.js — 대리입력 (TBM + 작업보고서 동시 생성)
 * Sprint 002 Section B
 */

// ===== Mock =====
const MOCK_ENABLED = false;

const MOCK_STATUS = {
    success: true,
    data: {
        date: '2026-03-30',
        summary: { total_active_workers: 45, tbm_completed: 38, tbm_missing: 7, report_completed: 35, report_missing: 10, both_completed: 33, both_missing: 5 },
        workers: [
            { user_id: 15, worker_name: '김철수', job_type: '용접', department_name: '생산1팀', has_tbm: false, has_report: false, tbm_session_id: null, total_report_hours: 0, status: 'both_missing', proxy_history: null },
            { user_id: 22, worker_name: '이영희', job_type: '배관', department_name: '생산2팀', has_tbm: true, has_report: false, tbm_session_id: 140, total_report_hours: 0, status: 'tbm_only', proxy_history: null },
            { user_id: 35, worker_name: '정대호', job_type: '도장', department_name: '생산2팀', has_tbm: false, has_report: true, tbm_session_id: null, total_report_hours: 8, status: 'report_only', proxy_history: null },
            { user_id: 41, worker_name: '한지민', job_type: '사상', department_name: '생산2팀', has_tbm: false, has_report: false, tbm_session_id: null, total_report_hours: 0, status: 'both_missing', proxy_history: null },
        ]
    }
};

const MOCK_PROJECTS = [
    { project_id: 1, project_name: 'JOB-2026-001 용기제작', job_no: 'JOB-2026-001' },
    { project_id: 2, project_name: 'JOB-2026-002 Skid 제작', job_no: 'JOB-2026-002' },
    { project_id: 3, project_name: 'JOB-2026-003 PKG 조립', job_no: 'JOB-2026-003' },
];
const MOCK_WORK_TYPES = [
    { id: 1, name: '절단' }, { id: 2, name: '용접' }, { id: 3, name: '배관' },
    { id: 4, name: '도장' }, { id: 5, name: '사상' }, { id: 6, name: '전기' },
];
const MOCK_TASKS = [
    { task_id: 1, work_type_id: 2, task_name: '취부&용접' },
    { task_id: 2, work_type_id: 2, task_name: '가우징' },
    { task_id: 3, work_type_id: 1, task_name: '절단작업' },
    { task_id: 4, work_type_id: 3, task_name: '배관설치' },
];
const MOCK_WORK_STATUSES = [
    { id: 1, name: '정상' }, { id: 2, name: '잔업' }, { id: 3, name: '특근' },
];

// ===== State =====
let currentDate = '';
let missingWorkers = [];
let selectedIds = new Set();
let projects = [], workTypes = [], tasks = [], workStatuses = [];
let workerFormData = {}; // { userId: { project_id, work_type_id, ... } }
let saving = false;

const ALLOWED_ROLES = ['support_team', 'admin', 'system'];

// ===== Init =====
document.addEventListener('DOMContentLoaded', async () => {
    const urlDate = new URLSearchParams(location.search).get('date');
    const urlUserId = new URLSearchParams(location.search).get('user_id');
    currentDate = urlDate || formatDateStr(new Date());
    document.getElementById('dateInput').value = currentDate;
    document.getElementById('headerDate').textContent = currentDate;

    setTimeout(async () => {
        const user = window.currentUser;
        if (user && !ALLOWED_ROLES.includes(user.role)) {
            document.getElementById('workerCards').classList.add('hidden');
            document.getElementById('bottomSave').classList.add('hidden');
            document.getElementById('noPermission').classList.remove('hidden');
            return;
        }
        await loadMasterData();
        await loadWorkers();

        // URL에서 user_id가 있으면 자동 선택
        if (urlUserId) toggleWorker(parseInt(urlUserId));
    }, 500);
});

function formatDateStr(d) {
    return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
}

function onDateChange(val) {
    if (!val) return;
    currentDate = val;
    document.getElementById('headerDate').textContent = val;
    loadWorkers();
}

// ===== Master Data =====
async function loadMasterData() {
    if (MOCK_ENABLED) {
        projects = MOCK_PROJECTS;
        workTypes = MOCK_WORK_TYPES;
        tasks = MOCK_TASKS;
        workStatuses = MOCK_WORK_STATUSES;
        return;
    }
    try {
        const [pRes, wtRes, tRes, wsRes] = await Promise.all([
            window.apiCall('/projects'),
            window.apiCall('/daily-work-reports/work-types'),
            window.apiCall('/tasks'),
            window.apiCall('/daily-work-reports/work-status-types'),
        ]);
        projects = (pRes && pRes.data) || [];
        workTypes = (wtRes && wtRes.data) || [];
        tasks = (tRes && tRes.data) || [];
        workStatuses = (wsRes && wsRes.data) || [];
    } catch (e) {
        console.error('마스터 데이터 로드 실패:', e);
    }
}

// ===== Load Workers =====
async function loadWorkers() {
    const cardsEl = document.getElementById('workerCards');
    cardsEl.innerHTML = '<div class="ds-skeleton"></div><div class="ds-skeleton"></div>';
    document.getElementById('emptyState').classList.add('hidden');
    selectedIds.clear();
    workerFormData = {};
    updateSaveBtn();
    updateBulkBar();

    try {
        let res;
        if (MOCK_ENABLED) {
            res = MOCK_STATUS;
        } else {
            res = await window.apiCall('/proxy-input/daily-status?date=' + currentDate);
        }
        if (!res || !res.success) { cardsEl.innerHTML = '<div class="pi-empty"><p>데이터를 불러올 수 없습니다</p></div>'; return; }

        missingWorkers = (res.data.workers || []).filter(w => w.status !== 'complete');
        document.getElementById('missingNum').textContent = missingWorkers.length;

        if (missingWorkers.length === 0) {
            cardsEl.innerHTML = '';
            document.getElementById('emptyState').classList.remove('hidden');
            return;
        }
        renderCards();
    } catch (e) {
        cardsEl.innerHTML = '<div class="pi-empty"><i class="fas fa-exclamation-triangle text-2xl text-red-300"></i><p>네트워크 오류</p></div>';
    }
}

// ===== Render Cards =====
function renderCards() {
    const cardsEl = document.getElementById('workerCards');
    cardsEl.innerHTML = missingWorkers.map(w => {
        const statusLabel = { both_missing: 'TBM+보고서 미입력', tbm_only: '보고서만 미입력', report_only: 'TBM만 미입력' }[w.status] || '';
        const fd = workerFormData[w.user_id] || getDefaultFormData(w);
        workerFormData[w.user_id] = fd;
        const sel = selectedIds.has(w.user_id);

        return `
        <div class="pi-card ${sel ? 'selected' : ''}" id="card-${w.user_id}">
            <div class="pi-card-header" onclick="toggleWorker(${w.user_id})">
                <div class="pi-card-check">${sel ? '<i class="fas fa-check text-xs"></i>' : ''}</div>
                <div>
                    <div class="pi-card-name">${escHtml(w.worker_name)}</div>
                    <div class="pi-card-meta">${escHtml(w.job_type)} · ${escHtml(w.department_name)}</div>
                </div>
                <div class="pi-card-status ${w.status}">${statusLabel}</div>
            </div>
            <div class="pi-card-form">
                <div class="pi-field">
                    <label>프로젝트 <span class="text-red-400">*</span></label>
                    <select id="proj-${w.user_id}" onchange="updateField(${w.user_id},'project_id',this.value)">
                        <option value="">선택</option>
                        ${projects.map(p => `<option value="${p.project_id}" ${fd.project_id == p.project_id ? 'selected' : ''}>${escHtml(p.job_no)} ${escHtml(p.project_name)}</option>`).join('')}
                    </select>
                </div>
                <div class="pi-field-row">
                    <div class="pi-field">
                        <label>공종 <span class="text-red-400">*</span></label>
                        <select id="wt-${w.user_id}" onchange="updateField(${w.user_id},'work_type_id',this.value); updateTaskOptions(${w.user_id})">
                            <option value="">선택</option>
                            ${workTypes.map(t => `<option value="${t.id}" ${fd.work_type_id == t.id ? 'selected' : ''}>${escHtml(t.name)}</option>`).join('')}
                        </select>
                    </div>
                    <div class="pi-field">
                        <label>작업</label>
                        <select id="task-${w.user_id}" onchange="updateField(${w.user_id},'task_id',this.value)">
                            <option value="">선택</option>
                            ${tasks.filter(t => t.work_type_id == fd.work_type_id).map(t => `<option value="${t.task_id}" ${fd.task_id == t.task_id ? 'selected' : ''}>${escHtml(t.task_name)}</option>`).join('')}
                        </select>
                    </div>
                </div>
                <div class="pi-field-row3">
                    <div class="pi-field">
                        <label>시간 <span class="text-red-400">*</span></label>
                        <input type="number" min="0" max="24" step="0.5" value="${fd.work_hours}" onchange="updateField(${w.user_id},'work_hours',this.value)">
                    </div>
                    <div class="pi-field">
                        <label>시작</label>
                        <input type="time" value="${fd.start_time}" onchange="updateField(${w.user_id},'start_time',this.value)">
                    </div>
                    <div class="pi-field">
                        <label>종료</label>
                        <input type="time" value="${fd.end_time}" onchange="updateField(${w.user_id},'end_time',this.value)">
                    </div>
                </div>
                <div class="pi-field-row">
                    <div class="pi-field">
                        <label>작업 상태</label>
                        <select onchange="updateField(${w.user_id},'work_status_id',this.value)">
                            ${workStatuses.map(s => `<option value="${s.id}" ${fd.work_status_id == s.id ? 'selected' : ''}>${escHtml(s.name)}</option>`).join('')}
                        </select>
                    </div>
                    <div class="pi-field">
                        <label>비고</label>
                        <input type="text" placeholder="메모" value="${escHtml(fd.note || '')}" onchange="updateField(${w.user_id},'note',this.value)">
                    </div>
                </div>
            </div>
        </div>`;
    }).join('');
}

function getDefaultFormData(worker) {
    return {
        project_id: '', work_type_id: '', task_id: '',
        work_hours: 8, start_time: '08:00', end_time: '17:00',
        work_status_id: 1, note: ''
    };
}

function escHtml(s) { return (s || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); }

// ===== Worker Toggle =====
function toggleWorker(userId) {
    if (selectedIds.has(userId)) {
        selectedIds.delete(userId);
    } else {
        selectedIds.add(userId);
    }
    renderCards();
    updateSaveBtn();
    updateBulkBar();
}

function updateField(userId, field, value) {
    if (!workerFormData[userId]) workerFormData[userId] = getDefaultFormData({});
    workerFormData[userId][field] = value;
}

function updateTaskOptions(userId) {
    const wtId = workerFormData[userId]?.work_type_id;
    const sel = document.getElementById('task-' + userId);
    if (!sel) return;
    const filtered = tasks.filter(t => t.work_type_id == wtId);
    sel.innerHTML = '<option value="">선택</option>' + filtered.map(t => `<option value="${t.task_id}">${escHtml(t.task_name)}</option>`).join('');
    workerFormData[userId].task_id = '';
}

// ===== Bulk Actions =====
function updateBulkBar() {
    const bar = document.getElementById('bulkBar');
    if (selectedIds.size > 0) {
        bar.classList.remove('hidden');
        document.getElementById('selectedCount').textContent = selectedIds.size;
    } else {
        bar.classList.add('hidden');
    }
}

function bulkSet(type) {
    const modal = document.getElementById('bulkModal');
    const body = document.getElementById('bulkModalBody');
    const title = document.getElementById('bulkModalTitle');
    const confirm = document.getElementById('bulkConfirmBtn');

    if (type === 'project') {
        title.textContent = '프로젝트 일괄 설정';
        body.innerHTML = `<select id="bulkValue">${projects.map(p => `<option value="${p.project_id}">${escHtml(p.job_no)} ${escHtml(p.project_name)}</option>`).join('')}</select>`;
        confirm.onclick = () => applyBulk('project_id', document.getElementById('bulkValue').value);
    } else if (type === 'workType') {
        title.textContent = '공종 일괄 설정';
        body.innerHTML = `<select id="bulkValue">${workTypes.map(t => `<option value="${t.id}">${escHtml(t.name)}</option>`).join('')}</select>`;
        confirm.onclick = () => applyBulk('work_type_id', document.getElementById('bulkValue').value);
    } else if (type === 'hours') {
        title.textContent = '작업시간 일괄 설정';
        body.innerHTML = '<input type="number" id="bulkValue" min="0" max="24" step="0.5" value="8">';
        confirm.onclick = () => applyBulk('work_hours', document.getElementById('bulkValue').value);
    }
    modal.classList.remove('hidden');
}

function applyBulk(field, value) {
    let hasExisting = false;
    for (const uid of selectedIds) {
        const fd = workerFormData[uid];
        if (fd && fd[field] && fd[field] !== '' && String(fd[field]) !== String(value)) {
            hasExisting = true;
            break;
        }
    }

    if (hasExisting) {
        if (!confirm('이미 입력된 값이 있습니다. 덮어쓰시겠습니까?')) {
            // 빈 필드만 채움
            for (const uid of selectedIds) {
                if (!workerFormData[uid][field] || workerFormData[uid][field] === '') {
                    workerFormData[uid][field] = value;
                }
            }
            closeBulkModal();
            renderCards();
            return;
        }
    }

    for (const uid of selectedIds) {
        workerFormData[uid][field] = value;
        if (field === 'work_type_id') workerFormData[uid].task_id = '';
    }
    closeBulkModal();
    renderCards();
}

function closeBulkModal() {
    document.getElementById('bulkModal').classList.add('hidden');
}

// ===== Save =====
function updateSaveBtn() {
    const btn = document.getElementById('saveBtn');
    const text = document.getElementById('saveBtnText');
    if (selectedIds.size === 0) {
        btn.disabled = true;
        text.textContent = '저장할 작업자를 선택하세요';
    } else {
        btn.disabled = false;
        text.textContent = `${selectedIds.size}명 대리입력 저장`;
    }
}

async function saveProxyInput() {
    if (saving || selectedIds.size === 0) return;

    // 유효성 검사
    for (const uid of selectedIds) {
        const fd = workerFormData[uid];
        const w = missingWorkers.find(x => x.user_id === uid);
        if (!fd.project_id) { showToast(`${w?.worker_name || uid}: 프로젝트를 선택하세요`, 'error'); return; }
        if (!fd.work_type_id) { showToast(`${w?.worker_name || uid}: 공종을 선택하세요`, 'error'); return; }
    }

    saving = true;
    const btn = document.getElementById('saveBtn');
    btn.disabled = true;
    btn.classList.add('loading');
    document.getElementById('saveBtnText').textContent = '저장 중...';

    const entries = [...selectedIds].map(uid => ({
        user_id: uid,
        project_id: parseInt(workerFormData[uid].project_id),
        work_type_id: parseInt(workerFormData[uid].work_type_id),
        task_id: workerFormData[uid].task_id ? parseInt(workerFormData[uid].task_id) : null,
        work_hours: parseFloat(workerFormData[uid].work_hours) || 8,
        start_time: workerFormData[uid].start_time || '08:00',
        end_time: workerFormData[uid].end_time || '17:00',
        work_status_id: parseInt(workerFormData[uid].work_status_id) || 1,
        note: workerFormData[uid].note || ''
    }));

    try {
        let res;
        if (MOCK_ENABLED) {
            await new Promise(r => setTimeout(r, 1000)); // simulate delay
            res = {
                success: true,
                data: { session_id: 999, created_reports: entries.length, workers: entries.map(e => ({ user_id: e.user_id, worker_name: missingWorkers.find(w => w.user_id === e.user_id)?.worker_name || '', report_id: Math.floor(Math.random() * 1000) })) },
                message: `${entries.length}명의 대리입력이 완료되었습니다.`
            };
        } else {
            res = await window.apiCall('/proxy-input', 'POST', { session_date: currentDate, entries });
        }

        if (res && res.success) {
            showToast(res.message || `${entries.length}명 대리입력 완료`, 'success');
            selectedIds.clear();
            await loadWorkers();
        } else {
            showToast(res?.message || '저장 실패', 'error');
        }
    } catch (e) {
        showToast('네트워크 오류. 다시 시도해주세요.', 'error');
    } finally {
        saving = false;
        btn.classList.remove('loading');
        updateSaveBtn();
    }
}

// ===== Toast =====
function showToast(msg, type) {
    if (window.showToast) { window.showToast(msg, type); return; }
    const c = document.getElementById('toastContainer');
    const t = document.createElement('div');
    t.className = `toast toast-${type || 'info'}`;
    t.textContent = msg;
    c.appendChild(t);
    setTimeout(() => t.remove(), 3000);
}
