const API_URL = '../api.php';
let allItems = [];
let currentAdminTab = 'critique';
let currentPage = 1;
const itemsPerPage = 12;
let searchQuery = '';
let selectedIds = new Set();

// ── GÉNÉRATEUR D'ÉTOILES ──
function getStarsHTML(rating) {
    const r = parseFloat(rating) || 0;
    const full = Math.floor(r);
    const hasHalf = (r - full) >= 0.5;
    const empty = 5 - Math.ceil(r);
    let html = '★'.repeat(full);
    if (hasHalf) html += '<span class="half-star">★</span>';
    html += `<span class="stars-muted">${'☆'.repeat(empty)}</span>`;
    return html;
}

// ── PARSER CSV ──
function parseCSV(text) {
    if (text.charCodeAt(0) === 0xFEFF) text = text.slice(1);
    const rows = [];
    let col = '', row = [], inQuotes = false;
    for (let i = 0; i < text.length; i++) {
        const c = text[i];
        if (inQuotes) {
            if (c === '"') {
                if (text[i+1] === '"') { col += '"'; i++; }
                else inQuotes = false;
            } else col += c;
        } else {
            if (c === '"') inQuotes = true;
            else if (c === ',') { row.push(col); col = ''; }
            else if (c === '\n' || c === '\r') {
                if (c === '\r' && text[i+1] === '\n') i++;
                row.push(col); col = '';
                if (row.length > 1 || row[0] !== '') rows.push(row);
                row = [];
            } else col += c;
        }
    }
    if (col !== '' || row.length > 0) { row.push(col); rows.push(row); }
    if (rows.length === 0) return [];
    const headers = rows[0].map(h => h.trim());
    const data = [];
    for (let i = 1; i < rows.length; i++) {
        if (rows[i].length === headers.length) {
            const obj = {};
            headers.forEach((h, idx) => obj[h] = rows[i][idx]);
            data.push(obj);
        }
    }
    return data;
}

// ── BARRE DE PROGRESSION ──
function showProgressModal(total) {
    document.getElementById('progress-text').textContent = 'Traitement des films et récupération TMDB...';
    document.getElementById('progress-bar').style.width = '0%';
    document.getElementById('progress-count').textContent = `0 / ${total}`;
    document.getElementById('progress-overlay').classList.add('open');
}
function updateProgressModal(current, total) {
    const pct = Math.round((current / total) * 100);
    document.getElementById('progress-bar').style.width = pct + '%';
    document.getElementById('progress-count').textContent = `${current} / ${total}`;
}
function closeProgressModal() {
    document.getElementById('progress-overlay').classList.remove('open');
}

// ── INITIALISATION ──
document.addEventListener('DOMContentLoaded', () => {
    loadDashboardData();
    initEventListeners();
    const confirmBtn = document.getElementById('confirm-btn');
    if (confirmBtn) {
        confirmBtn.addEventListener('click', () => {
            if (pendingDeleteAction) pendingDeleteAction();
            closeConfirmModal();
        });
    }
});

function initEventListeners() {
    const filmForm = document.getElementById('film-form');
    if (filmForm) filmForm.addEventListener('submit', saveFilmForm);
    
    const csvInput = document.getElementById('csv-file');
    if (csvInput) csvInput.addEventListener('change', (e) => handleCsvUpload(e.target));

    const searchInput = document.getElementById('search-input');
    if (searchInput) {
        searchInput.addEventListener('input', () => {
            currentPage = 1; // Reset page on search
            renderAdminTable();
        });
    }

    // Fix: Select All Checkbox Event
    const selectAll = document.getElementById('select-all-checkbox');
    if (selectAll) {
        selectAll.addEventListener('change', (e) => toggleSelectAll(e.target));
    }

    document.addEventListener('click', (e) => {
        if (e.target.classList.contains('modal-close') || e.target.closest('.modal-close')) {
            const overlay = e.target.closest('.overlay');
            if (overlay) overlay.classList.remove('open');
        }
        if (e.target.classList.contains('overlay')) {
            e.target.classList.remove('open');
        }
    });
}

// ── CHARGEMENT DES DONNÉES ──
async function loadDashboardData() {
    try {
        const res = await fetch(`${API_URL}?action=get_films`, { cache: 'no-store' });
        allItems = await res.json();
        const secRes = await fetch(`${API_URL}?action=check_security_status`, { cache: 'no-store' });
        const secData = await secRes.json();
        const banner = document.getElementById('security-banner');
        if (banner) banner.style.display = secData.is_blank ? 'flex' : 'none';
        renderAdminTable();
    } catch (err) { console.error('Erreur chargement :', err); }
}

// ── RENDU DU TABLEAU (FIXED PAGINATION) ──
function renderAdminTable() {
    const tbody = document.getElementById('admin-table-body');
    if (!tbody) return;
    tbody.innerHTML = '';

    const searchInput = document.getElementById('search-input');
    const currentSearch = searchInput ? searchInput.value.toLowerCase() : '';

    let filtered = allItems.filter(item => item.type === currentAdminTab);

    if (currentSearch) {
        filtered = filtered.filter(f => 
            f.title.toLowerCase().includes(currentSearch) || 
            (f.director && f.director.toLowerCase().includes(currentSearch))
        );
    }

    const countLabel = document.getElementById('admin-count-label');
    if(countLabel) countLabel.textContent = `${filtered.length} élément(s)`;

    // --- PAGINATION LOGIC ---
    const totalPages = Math.ceil(filtered.length / itemsPerPage) || 1;
    if (currentPage > totalPages) currentPage = totalPages;
    const startIdx = (currentPage - 1) * itemsPerPage;
    const pageItems = filtered.slice(startIdx, startIdx + itemsPerPage);
    // ------------------------

    pageItems.forEach(f => {
        const tr = document.createElement('tr');
        const isChecked = selectedIds.has(String(f.id)) ? 'checked' : '';
        tr.innerHTML = `
            <td style="text-align:center;">
                <input type="checkbox" class="film-checkbox" value="${f.id}" ${isChecked} onclick="toggleSingleSelect('${f.id}', this)">
            </td>
            <td style="text-align:center;">
                ${f.poster ? `<img src="${f.poster}" class="thumb" alt="Affiche">` : '<div class="thumb-ph"><i class="ti ti-photo"></i></div>'}
            </td>
            <td><strong>${f.title}</strong></td>
            <td>${f.year || '-'}</td>
            <td>${f.director || '-'}</td>
            <td>${currentAdminTab === 'critique' ? `<span class="tbl-stars">${getStarsHTML(f.rating)}</span>` : `<span class="badge-format">${f.format || '-'}</span>`}</td>
            <td>
                <div class="tbl-actions">
                    <button onclick="openEditModal('${f.id}')" title="Éditer"><i class="ti ti-edit"></i></button>
                    <button class="del" onclick="deleteSingleFilm('${f.id}')" title="Supprimer"><i class="ti ti-trash"></i></button>
                </div>
            </td>`;
        tbody.appendChild(tr);
    });

    // Render pagination controls
    renderPagination(totalPages, filtered.length);
    
    // Update Select All state
    const selectAll = document.getElementById('select-all-checkbox');
    if (selectAll) {
        selectAll.checked = pageItems.length > 0 && pageItems.every(f => selectedIds.has(String(f.id)));
    }
}

// ── SÉLECTION ──
function toggleSingleSelect(id, checkbox) {
    if (checkbox.checked) selectedIds.add(String(id));
    else selectedIds.delete(String(id));
    updateBulkBar();
    
    // Update select-all state
    const filtered = allItems.filter(item => item.type === currentAdminTab);
    const selectAll = document.getElementById('select-all-checkbox');
    if (selectAll) {
        selectAll.checked = filtered.length > 0 && filtered.every(f => selectedIds.has(String(f.id)));
    }
}

function toggleSelectAll(source) {
    const filtered = allItems.filter(item => item.type === currentAdminTab);
    if (source.checked) {
        filtered.forEach(f => selectedIds.add(String(f.id)));
    } else {
        filtered.forEach(f => selectedIds.delete(String(f.id)));
    }
    document.querySelectorAll('.film-checkbox').forEach(cb => {
        cb.checked = selectedIds.has(cb.value);
    });
    updateBulkBar();
}

function updateBulkBar() {
    const bulkBar = document.getElementById('bulk-actions-bar');
    const bulkCount = document.getElementById('bulk-count');
    if (selectedIds.size > 0) {
        if (bulkBar) bulkBar.style.display = 'flex';
        if (bulkCount) bulkCount.textContent = selectedIds.size;
    } else {
        if (bulkBar) bulkBar.style.display = 'none';
    }
}

// ── PAGINATION ──
function renderPagination(totalPages, totalItems) {
    const container = document.getElementById('pagination-container');
    if (!container) return;
    container.innerHTML = '';
    
    if (totalItems === 0) {
        container.innerHTML = '<p style="color:var(--muted); text-align:center; width:100%;">Aucun élément trouvé.</p>';
        return;
    }
    if (totalPages <= 1) return; // Hide pagination if only 1 page

    const info = document.createElement('span');
    info.className = 'pagination-info';
    info.textContent = `Page ${currentPage} sur ${totalPages}`;
    container.appendChild(info);

    const prevBtn = document.createElement('button');
    prevBtn.innerHTML = '<i class="ti ti-chevron-left"></i>';
    prevBtn.disabled = currentPage === 1;
    prevBtn.onclick = () => { currentPage--; renderAdminTable(); };
    container.appendChild(prevBtn);

    const maxButtons = 5;
    let startPage = Math.max(1, currentPage - Math.floor(maxButtons / 2));
    let endPage = Math.min(totalPages, startPage + maxButtons - 1);
    if (endPage - startPage + 1 < maxButtons) {
        startPage = Math.max(1, endPage - maxButtons + 1);
    }
    if (startPage > 1) {
        container.appendChild(createPageBtn(1));
        if (startPage > 2) container.appendChild(createEllipsis());
    }
    for (let i = startPage; i <= endPage; i++) {
        container.appendChild(createPageBtn(i));
    }
    if (endPage < totalPages) {
        if (endPage < totalPages - 1) container.appendChild(createEllipsis());
        container.appendChild(createPageBtn(totalPages));
    }

    const nextBtn = document.createElement('button');
    nextBtn.innerHTML = '<i class="ti ti-chevron-right"></i>';
    nextBtn.disabled = currentPage === totalPages;
    nextBtn.onclick = () => { currentPage++; renderAdminTable(); };
    container.appendChild(nextBtn);
}

function createPageBtn(num) {
    const btn = document.createElement('button');
    btn.textContent = num;
    if (num === currentPage) btn.classList.add('active');
    btn.onclick = () => { currentPage = num; renderAdminTable(); };
    return btn;
}

function createEllipsis() {
    const span = document.createElement('span');
    span.textContent = '...';
    span.style.color = 'var(--muted)';
    span.style.padding = '0 0.5rem';
    return span;
}

// ... [Les autres fonctions (Modales, Suppressions, CSV, etc.) restent identiques mais assurez-vous d'utiliser le code nettoyé ci-dessous pour éviter les erreurs de syntaxe] ...