/* ===== 소모품 신청 모바일 ===== */
const TKUSER_BASE_URL = location.hostname.includes('technicalkorea.net')
    ? 'https://tkuser.technicalkorea.net'
    : location.protocol + '//' + location.hostname + ':30180';

const CAT_LABELS = { consumable: '소모품', safety: '안전용품', repair: '수선비', equipment: '설비' };
const STATUS_LABELS = { pending: '대기', grouped: '구매진행중', purchased: '구매완료', received: '입고완료', hold: '보류' };
const STATUS_COLORS = { pending: 'badge-amber', grouped: 'badge-blue', purchased: 'badge-green', received: 'badge-teal', hold: 'badge-gray' };
const MATCH_LABELS = { exact: '정확', name: '이름', alias: '별칭', spec: '규격', chosung: '초성', chosung_alias: '초성' };

let currentPage = 1;
let currentStatus = '';
let totalPages = 1;
let isLoadingMore = false;
let requestsList = [];
let photoBase64 = null;
let searchTimer = null;
let isRegisterMode = false;

/* ===== 상태 탭 필터 ===== */
function filterByStatus(btn) {
    document.querySelectorAll('.pm-tab').forEach(t => t.classList.remove('active'));
    btn.classList.add('active');
    currentStatus = btn.dataset.status;
    currentPage = 1;
    requestsList = [];
    loadRequests();
}

/* ===== 신청 목록 로드 ===== */
async function loadRequests(append = false) {
    try {
        if (!append) {
            document.getElementById('requestCards').innerHTML = '<div class="pm-loading">불러오는 중...</div>';
        }
        const params = new URLSearchParams({ page: currentPage, limit: 20 });
        if (currentStatus) params.set('status', currentStatus);

        const res = await api('/purchase-requests/my-requests?' + params.toString());
        const items = res.data || [];
        totalPages = res.pagination?.totalPages || 1;

        if (append) {
            requestsList = requestsList.concat(items);
        } else {
            requestsList = items;
        }
        renderCards();
    } catch (e) {
        document.getElementById('requestCards').innerHTML = `<div class="pm-empty"><i class="fas fa-exclamation-circle"></i>${escapeHtml(e.message)}</div>`;
    }
}

function renderCards() {
    const container = document.getElementById('requestCards');
    if (!requestsList.length) {
        container.innerHTML = '<div class="pm-empty"><i class="fas fa-box-open"></i>신청 내역이 없습니다.</div>';
        return;
    }
    container.innerHTML = requestsList.map(r => {
        const itemName = r.item_name || r.custom_item_name || '-';
        const category = r.category || r.custom_category;
        const catLabel = CAT_LABELS[category] || category || '';
        const statusLabel = STATUS_LABELS[r.status] || r.status;
        const statusColor = STATUS_COLORS[r.status] || 'badge-gray';
        const isCustom = !r.item_id && r.custom_item_name;

        return `<div class="pm-card" onclick="openDetail(${r.request_id})">
            <div class="pm-card-header">
                <div>
                    <div class="pm-card-name">${escapeHtml(itemName)}${isCustom ? '<span class="pm-card-custom">(직접입력)</span>' : ''}</div>
                    ${catLabel ? `<span class="badge ${STATUS_COLORS[category] || 'badge-gray'} mt-1" style="font-size:11px">${catLabel}</span>` : ''}
                </div>
                <span class="badge ${statusColor}">${statusLabel}</span>
            </div>
            <div class="pm-card-meta">
                <span>수량: <span class="pm-card-qty">${r.quantity}</span></span>
                <span>${formatDate(r.request_date)}</span>
                ${r.batch_name ? `<span><i class="fas fa-layer-group"></i> ${escapeHtml(r.batch_name)}</span>` : ''}
            </div>
        </div>`;
    }).join('');
}

/* ===== 무한 스크롤 ===== */
window.addEventListener('scroll', () => {
    if (isLoadingMore || currentPage >= totalPages) return;
    if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 200) {
        isLoadingMore = true;
        currentPage++;
        document.getElementById('loadingMore').classList.remove('hidden');
        loadRequests(true).finally(() => {
            isLoadingMore = false;
            document.getElementById('loadingMore').classList.add('hidden');
        });
    }
});

/* ===== 상세 바텀시트 ===== */
function openDetail(requestId) {
    const r = requestsList.find(x => x.request_id === requestId);
    if (!r) return;

    const itemName = r.item_name || r.custom_item_name || '-';
    const category = r.category || r.custom_category;
    const catLabel = CAT_LABELS[category] || category || '-';
    const statusLabel = STATUS_LABELS[r.status] || r.status;
    const statusColor = STATUS_COLORS[r.status] || 'badge-gray';

    let html = `
        <div class="text-center mb-4">
            <div class="text-lg font-bold">${escapeHtml(itemName)}</div>
            <span class="badge ${statusColor} mt-2">${statusLabel}</span>
        </div>
        <div class="pm-detail-row"><span class="pm-detail-label">분류</span><span class="pm-detail-value">${catLabel}</span></div>
        <div class="pm-detail-row"><span class="pm-detail-label">수량</span><span class="pm-detail-value">${r.quantity}</span></div>
        <div class="pm-detail-row"><span class="pm-detail-label">신청일</span><span class="pm-detail-value">${formatDate(r.request_date)}</span></div>
    `;
    if (r.notes) {
        html += `<div class="pm-detail-row"><span class="pm-detail-label">메모</span><span class="pm-detail-value">${escapeHtml(r.notes)}</span></div>`;
    }
    if (r.batch_name) {
        html += `<div class="pm-detail-row"><span class="pm-detail-label">구매 그룹</span><span class="pm-detail-value">${escapeHtml(r.batch_name)}</span></div>`;
    }
    if (r.hold_reason) {
        html += `<div class="pm-detail-row"><span class="pm-detail-label">보류 사유</span><span class="pm-detail-value text-red-600">${escapeHtml(r.hold_reason)}</span></div>`;
    }

    // 입고 정보
    if (r.status === 'received') {
        html += `<div class="mt-4 p-3 bg-teal-50 rounded-lg">
            <div class="text-sm font-semibold text-teal-700 mb-2"><i class="fas fa-box-open mr-1"></i>입고 완료</div>`;
        if (r.received_location) {
            html += `<div class="text-sm text-gray-700"><i class="fas fa-map-marker-alt mr-1 text-teal-500"></i>보관위치: ${escapeHtml(r.received_location)}</div>`;
        }
        if (r.received_at) {
            html += `<div class="text-xs text-gray-500 mt-1">${formatDateTime(r.received_at)}${r.received_by_name ? ' · ' + escapeHtml(r.received_by_name) : ''}</div>`;
        }
        if (r.received_photo_path) {
            html += `<img src="${r.received_photo_path}" class="pm-received-photo" onerror="this.style.display='none'">`;
        }
        html += `</div>`;
    }

    // 신청 사진
    if (r.pr_photo_path) {
        html += `<div class="mt-3"><div class="text-xs text-gray-500 mb-1">첨부 사진</div><img src="${r.pr_photo_path}" class="pm-received-photo" onerror="this.style.display='none'"></div>`;
    }

    document.getElementById('detailContent').innerHTML = html;
    document.getElementById('detailOverlay').classList.add('open');
    document.getElementById('detailSheet').classList.add('open');
}

function closeDetailSheet() {
    document.getElementById('detailOverlay').classList.remove('open');
    document.getElementById('detailSheet').classList.remove('open');
}

/* ===== 신청 바텀시트 ===== */
function openRequestSheet() {
    document.getElementById('requestOverlay').classList.add('open');
    document.getElementById('requestSheet').classList.add('open');
    document.getElementById('searchInput').focus();
}

function closeRequestSheet() {
    document.getElementById('requestOverlay').classList.remove('open');
    document.getElementById('requestSheet').classList.remove('open');
    resetRequestForm();
}

function resetRequestForm() {
    document.getElementById('searchInput').value = '';
    document.getElementById('searchResults').classList.remove('open');
    document.getElementById('selectedItemWrap').classList.add('hidden');
    document.getElementById('selectedItemId').value = '';
    document.getElementById('selectedCustomName').value = '';
    document.getElementById('newItemForm').classList.add('hidden');
    document.getElementById('reqQuantity').value = '1';
    document.getElementById('reqNotes').value = '';
    document.getElementById('reqPhotoInput').value = '';
    document.getElementById('reqPhotoPreview').classList.add('hidden');
    document.getElementById('photoLabel').textContent = '사진 촬영/선택';
    photoBase64 = null;
    isRegisterMode = false;
}

/* ===== 서버 스마트 검색 ===== */
document.addEventListener('DOMContentLoaded', () => {
    const input = document.getElementById('searchInput');
    input.addEventListener('input', () => {
        clearTimeout(searchTimer);
        // 검색어 입력 시 이전 선택 자동 해제
        if (document.getElementById('selectedItemId').value || document.getElementById('selectedCustomName').value) {
            document.getElementById('selectedItemWrap').classList.add('hidden');
            document.getElementById('selectedItemId').value = '';
            document.getElementById('selectedCustomName').value = '';
            document.getElementById('newItemForm').classList.add('hidden');
            isRegisterMode = false;
        }
        const q = input.value.trim();
        if (q.length === 0) {
            document.getElementById('searchResults').classList.remove('open');
            document.getElementById('searchSpinner').classList.remove('show');
            return;
        }
        document.getElementById('searchSpinner').classList.add('show');
        searchTimer = setTimeout(async () => {
            try {
                const res = await api('/purchase-requests/search?q=' + encodeURIComponent(q));
                renderSearchResults(res.data || [], q);
            } catch (e) {
                console.error('검색 오류:', e);
            } finally {
                document.getElementById('searchSpinner').classList.remove('show');
            }
        }, 300);
    });
});

function renderSearchResults(items, query) {
    lastSearchResults = items;
    const container = document.getElementById('searchResults');
    let html = '';

    items.forEach(item => {
        const catLabel = CAT_LABELS[item.category] || '';
        const matchLabel = MATCH_LABELS[item._matchType] || '';
        const spec = item.spec ? ' [' + escapeHtml(item.spec) + ']' : '';
        const maker = item.maker ? ' (' + escapeHtml(item.maker) + ')' : '';
        html += `<div class="pm-search-item" onclick="selectSearchItem(${item.item_id})">
            <div class="flex-1">
                <div class="text-sm font-medium">${escapeHtml(item.item_name)}${spec}${maker}</div>
                ${catLabel ? `<div class="text-xs text-gray-400 mt-0.5">${catLabel}</div>` : ''}
            </div>
            ${matchLabel ? `<span class="match-type">${matchLabel}</span>` : ''}
        </div>`;
    });

    // 새 품목 등록 옵션
    html += `<div class="pm-search-register" onclick="selectNewItem()">
        <i class="fas fa-plus-circle"></i>
        <span>"${escapeHtml(query)}" 새 품목으로 등록 후 신청</span>
    </div>`;

    container.innerHTML = html;
    container.classList.add('open');
}

/* ===== 품목 선택 ===== */
let lastSearchResults = [];

function selectSearchItem(itemId) {
    const item = lastSearchResults.find(i => i.item_id === itemId);
    if (!item) return;
    document.getElementById('selectedItemId').value = item.item_id;
    document.getElementById('selectedCustomName').value = '';
    document.getElementById('selectedItemName').textContent = item.item_name + (item.spec ? ' [' + item.spec + ']' : '') + (item.maker ? ' (' + item.maker + ')' : '');
    document.getElementById('selectedItemMeta').textContent = (CAT_LABELS[item.category] || '') + (item.base_price ? ' · ' + Number(item.base_price).toLocaleString() + '원' : '');
    document.getElementById('selectedItemWrap').classList.remove('hidden');
    document.getElementById('searchResults').classList.remove('open');
    document.getElementById('searchInput').value = '';
    document.getElementById('newItemForm').classList.add('hidden');
    isRegisterMode = false;
}

function selectNewItem() {
    const query = document.getElementById('searchInput').value.trim();
    if (!query) return;
    document.getElementById('selectedItemId').value = '';
    document.getElementById('selectedCustomName').value = query;
    document.getElementById('selectedItemName').textContent = query;
    document.getElementById('selectedItemMeta').textContent = '직접 입력';
    document.getElementById('selectedItemWrap').classList.remove('hidden');
    document.getElementById('searchResults').classList.remove('open');

    // 신규 등록 폼 표시
    document.getElementById('newItemForm').classList.remove('hidden');
    document.getElementById('newItemName').value = query;
    isRegisterMode = true;
}

function clearSelectedItem() {
    document.getElementById('selectedItemWrap').classList.add('hidden');
    document.getElementById('selectedItemId').value = '';
    document.getElementById('selectedCustomName').value = '';
    document.getElementById('newItemForm').classList.add('hidden');
    document.getElementById('searchInput').value = '';
    isRegisterMode = false;
}

/* ===== 사진 ===== */
async function onMobilePhotoSelected(inputEl) {
    const file = inputEl.files[0];
    if (!file) return;
    let processFile = file;

    const isHeic = file.type === 'image/heic' || file.type === 'image/heif' ||
                   file.name.toLowerCase().endsWith('.heic') || file.name.toLowerCase().endsWith('.heif');
    if (isHeic && typeof heic2any !== 'undefined') {
        document.getElementById('photoLabel').textContent = '변환 중...';
        try {
            const blob = await heic2any({ blob: file, toType: 'image/jpeg', quality: 0.85 });
            processFile = new File([blob], file.name.replace(/\.hei[cf]$/i, '.jpg'), { type: 'image/jpeg' });
        } catch (e) {
            console.warn('HEIC 변환 실패, 원본 사용:', e);
            // 폴백: 원본 파일 그대로 사용
        }
    }

    if (processFile.size > 10 * 1024 * 1024) {
        showToast('파일 크기는 10MB 이하만 가능합니다.', 'error');
        document.getElementById('photoLabel').textContent = '사진 촬영/선택';
        return;
    }

    const reader = new FileReader();
    reader.onload = (e) => {
        photoBase64 = e.target.result;
        document.getElementById('reqPhotoPreview').src = photoBase64;
        document.getElementById('reqPhotoPreview').classList.remove('hidden');
        document.getElementById('photoLabel').textContent = '사진 변경';
    };
    reader.readAsDataURL(processFile);
}

/* ===== 신청 제출 ===== */
async function submitRequest() {
    const itemId = document.getElementById('selectedItemId').value;
    const customName = document.getElementById('selectedCustomName').value;
    const quantity = parseInt(document.getElementById('reqQuantity').value) || 0;

    if (!itemId && !customName) { showToast('품목을 선택하거나 검색해주세요.', 'error'); return; }
    if (quantity < 1) { showToast('수량은 1 이상이어야 합니다.', 'error'); return; }

    const btn = document.getElementById('submitBtn');
    btn.disabled = true;
    btn.textContent = '처리 중...';

    try {
        if (isRegisterMode && customName) {
            // Phase 4: 인라인 등록 + 신청
            const body = {
                item_name: customName,
                spec: document.getElementById('newItemSpec').value.trim() || null,
                maker: document.getElementById('newItemMaker').value.trim() || null,
                category: document.getElementById('newItemCategory').value || null,
                quantity,
                notes: document.getElementById('reqNotes').value.trim() || null
            };
            if (photoBase64) body.photo = photoBase64;
            await api('/purchase-requests/register-and-request', {
                method: 'POST', body: JSON.stringify(body)
            });
        } else {
            // 기존 방식
            const body = { quantity, notes: document.getElementById('reqNotes').value.trim() };
            if (itemId) {
                body.item_id = parseInt(itemId);
            } else {
                body.custom_item_name = customName;
                body.custom_category = document.getElementById('newItemCategory')?.value || null;
            }
            if (photoBase64) body.photo = photoBase64;
            await api('/purchase-requests', {
                method: 'POST', body: JSON.stringify(body)
            });
        }

        showToast('소모품 신청이 등록되었습니다.');
        closeRequestSheet();
        currentPage = 1;
        requestsList = [];
        await loadRequests();
    } catch (e) {
        showToast(e.message, 'error');
    } finally {
        btn.disabled = false;
        btn.textContent = '신청하기';
    }
}

/* ===== URL 파라미터로 상세 열기 ===== */
function checkViewParam() {
    const urlParams = new URLSearchParams(location.search);
    const viewId = urlParams.get('view');
    if (viewId) {
        // 데이터 로드 후 상세 열기
        setTimeout(() => openDetail(parseInt(viewId)), 500);
    }
}

/* ===== Init ===== */
(async function() {
    if (!await initAuth()) return;
    await loadRequests();
    checkViewParam();
})();