Admin Dashboard: Monitor Active Loans and Export Reports

const adminIconBtn = document.querySelector('.admin-icon-btn');
adminIconBtn.addEventListener('click', () => {
    UI.switchView('view-admin');
    try { loadAdminDashboard(); } catch (e) { console.warn(e); }
});

document.getElementById('login-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    const u = document.getElementById('username').value;
    const p = document.getElementById('password').value;

    try {
        await API.login(u, p);
        UI.showToast('Login exitoso', 'success');
        loadAdminDashboard();
    } catch (error) {
        UI.showToast(error.message, 'error');
    }
});

async login(username, password) {
    return this.request('auth.php?action=login', 'POST', { username, password });
}

if ($user && password_verify($data->password, $user['password_hash'])) {
    $_SESSION['user_id'] = $user['id'];
    $_SESSION['username'] = $user['username'];
    sendJsonResponse(['message' => 'Login exitoso']);
} else {
    sendJsonResponse(['error' => 'Credenciales inválidas'], 401);
}

async function loadMetrics() {
    const stats = await API.getStats();
    UI.animateCount('metric-today', stats.today);
    UI.animateCount('metric-active', stats.active);
    UI.animateCount('metric-returned', stats.returned_today);
    UI.animateCount('metric-delayed', stats.delayed);
}

// loans.php — action=stats
if (!isset($_SESSION['user_id'])) {
    sendJsonResponse(['error' => 'No autorizado'], 401);
}

const diffHours = (now - checkoutDate) / (1000 * 60 * 60);

let badge = `<span class="status-icon pending" title="En Préstamo">
    <i class="fas fa-clock"></i></span>`;
if (diffHours > 12) {
    badge = `<span class="status-icon alert" title="Atrasado">
        <i class="fas fa-exclamation-triangle"></i></span>`;
}

function applyHistoryFilters() {
    const { search, from, to, status } = getHistoryFilterCriteria();
    let filtered = allHistoryLoans.filter(loan => {
        const loanDate = loan.checkout_time.split(' ')[0];
        if (from && to && !(loanDate >= from && loanDate <= to)) return false;
        if (from && !to && loanDate < from) return false;
        if (to && !from && loanDate > to) return false;
        if (status && loan.status !== status) return false;
        if (search) {
            const matchesName = loan.name?.toLowerCase().includes(search);
            const matchesCi   = loan.ci?.toLowerCase().includes(search);
            if (!matchesName && !matchesCi) return false;
        }
        return true;
    });
    historyPage = 1;
    renderHistoryTable(filtered, historyPage);
}

const HISTORY_PAGE_SIZE = 10;

function renderHistoryPagination(totalPages) {
    pageInfo.textContent = `Página ${historyPage} de ${totalPages}`;
    prevBtn.disabled = historyPage <= 1;
    nextBtn.disabled = historyPage >= totalPages;
}

// loans.php — PUT with status='active'
$stmt = $pdo->prepare(
    "UPDATE loans
     SET status = 'active',
         return_time = NULL,
         return_signature = NULL,
         return_observation = NULL
     WHERE id = ?"
);

document.addEventListener('click', (e) => {
    const thumb = e.target.closest('.signature-thumb');
    if (thumb) {
        document.getElementById('sig-modal-title').textContent =
            thumb.dataset.sigLabel || 'Firma';
        document.getElementById('sig-modal-img').src = thumb.dataset.sigSrc;
        document.getElementById('signature-modal').classList.remove('hidden');
    }
});

await API.updateLoanDetails(id, { equipment_details: equipment });

const opt = {
    margin: 6,
    filename: 'Reporte_Completo_ISBO.pdf',
    image: { type: 'jpeg', quality: 0.95 },
    html2canvas: { scale: 2, useCORS: true },
    jsPDF: { unit: 'mm', format: 'a4', orientation: 'landscape' }
};
await html2pdf().set(opt).from(renderArea).save();

async logout() {
    return this.request('auth.php?action=logout', 'POST');
}

elseif ($requestMethod === 'POST' && $action === 'logout') {
    session_destroy();
    sendJsonResponse(['message' => 'Logout exitoso']);
}