<?php
/**
 * ASISMA CRM - Consulta de Cobros por Lead (Monetización)
 */
$_tipos = array(
    'por_asignacion' => 'Por asignación',
    'por_cierre'     => 'Por cierre de venta',
    'mensual'        => 'Cargo mensual',
    'paquete'        => 'Paquete de leads'
);
$_estadosCobro = array(
    'pendiente' => array('label' => 'Pendiente', 'color' => 'bg-amber-500/10 text-amber-400 border-amber-500/20'),
    'cobrado'   => array('label' => 'Cobrado',   'color' => 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20'),
    'anulado'   => array('label' => 'Anulado',   'color' => 'bg-slate-800 text-slate-400 border-slate-700')
);
?>
<!-- Header -->
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-8">
    <div>
        <h1 class="text-3xl font-extrabold text-white tracking-tight">Cobros por Lead</h1>
        <p class="text-slate-400 text-sm mt-1">Consulta de cargos a franquiciados por leads entregados.</p>
    </div>
</div>

<!-- Aviso: modelo pendiente -->
<div class="mb-6 bg-amber-950/20 border border-amber-800/30 rounded-2xl px-5 py-4 flex items-start gap-3">
    <i data-lucide="info" class="w-4 h-4 text-amber-400 mt-0.5 shrink-0"></i>
    <p class="text-xs text-amber-200/80 leading-relaxed">
        El <strong>modelo comercial de cobro por lead está pendiente de definición</strong>. La estructura queda preparada
        (tipos: por asignación, por cierre, mensual y paquete) y este módulo es de consulta. La generación automática de
        cobros se activará cuando se defina la política comercial.
    </p>
</div>

<!-- Resumen -->
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-8">
    <div class="bg-slate-900 border border-slate-800 rounded-2xl p-5 shadow-xl">
        <span class="text-xs font-semibold text-slate-500 uppercase tracking-wider block mb-2">Registros</span>
        <span class="text-3xl font-extrabold text-white"><?php echo (int)$resumen['total']; ?></span>
    </div>
    <div class="bg-slate-900 border border-slate-800 rounded-2xl p-5 shadow-xl">
        <span class="text-xs font-semibold text-slate-500 uppercase tracking-wider block mb-2">Monto Pendiente</span>
        <span class="text-3xl font-extrabold text-amber-400">$<?php echo number_format((float)$resumen['monto_pendiente'], 0, ',', '.'); ?></span>
    </div>
    <div class="bg-slate-900 border border-slate-800 rounded-2xl p-5 shadow-xl">
        <span class="text-xs font-semibold text-slate-500 uppercase tracking-wider block mb-2">Monto Cobrado</span>
        <span class="text-3xl font-extrabold text-emerald-400">$<?php echo number_format((float)$resumen['monto_cobrado'], 0, ',', '.'); ?></span>
    </div>
</div>

<!-- Filtros -->
<form method="GET" action="<?php echo APP_URL; ?>/cobros" class="flex flex-wrap gap-3 mb-6">
    <select name="periodo" class="px-3 py-2.5 bg-slate-900 border border-slate-800 rounded-xl text-slate-300 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
        <option value="">Todos los períodos</option>
        <?php foreach ($periodos as $p): ?>
            <option value="<?php echo $p['periodo']; ?>" <?php echo $filtroPeriodo === $p['periodo'] ? 'selected' : ''; ?>><?php echo $p['periodo']; ?></option>
        <?php endforeach; ?>
    </select>
    <select name="estado" class="px-3 py-2.5 bg-slate-900 border border-slate-800 rounded-xl text-slate-300 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
        <option value="">Todos los estados</option>
        <?php foreach ($_estadosCobro as $k => $e): ?>
            <option value="<?php echo $k; ?>" <?php echo $filtroEstado === $k ? 'selected' : ''; ?>><?php echo $e['label']; ?></option>
        <?php endforeach; ?>
    </select>
    <button type="submit" class="px-4 py-2.5 bg-slate-800 hover:bg-slate-700 text-slate-200 rounded-xl text-sm font-semibold transition-colors">Filtrar</button>
</form>

<!-- Tabla -->
<div class="bg-slate-900 border border-slate-800/80 rounded-2xl overflow-hidden shadow-xl">
    <?php if (empty($cobros)): ?>
        <div class="text-center py-16 text-slate-500 px-6">
            <i data-lucide="receipt" class="w-10 h-10 mx-auto mb-3 text-slate-600"></i>
            <p class="text-sm font-semibold text-slate-400">No hay cobros registrados</p>
            <p class="text-xs mt-1">Los cobros aparecerán aquí cuando se active el modelo de monetización.</p>
        </div>
    <?php else: ?>
    <div class="overflow-x-auto">
        <table class="w-full text-left text-sm">
            <thead>
                <tr class="bg-slate-950 border-b border-slate-800 text-slate-400 uppercase text-xs tracking-wider">
                    <th class="px-6 py-4 font-semibold w-20">ID</th>
                    <th class="px-6 py-4 font-semibold">Franquiciado</th>
                    <th class="px-6 py-4 font-semibold">Lead</th>
                    <th class="px-6 py-4 font-semibold">Tipo</th>
                    <th class="px-6 py-4 font-semibold">Período</th>
                    <th class="px-6 py-4 font-semibold text-right">Monto</th>
                    <th class="px-6 py-4 font-semibold text-center">Estado</th>
                    <th class="px-6 py-4 font-semibold">Referencia</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-850 text-slate-300">
                <?php foreach ($cobros as $cb): ?>
                    <?php $ec = isset($_estadosCobro[$cb['estado']]) ? $_estadosCobro[$cb['estado']] : $_estadosCobro['pendiente']; ?>
                    <tr class="hover:bg-slate-800/30 transition-colors">
                        <td class="px-6 py-4 font-mono text-xs text-slate-500">#<?php echo $cb['id']; ?></td>
                        <td class="px-6 py-4 font-bold text-slate-100"><?php echo htmlspecialchars($cb['franquiciado_nombre']); ?></td>
                        <td class="px-6 py-4">
                            <?php if ($cb['lead_id']): ?>
                                <a href="<?php echo APP_URL; ?>/leads/ver?id=<?php echo $cb['lead_id']; ?>" class="text-blue-400 hover:underline text-xs">
                                    #<?php echo $cb['lead_id']; ?> <?php echo htmlspecialchars($cb['lead_contacto']); ?>
                                </a>
                            <?php else: ?>
                                <span class="text-slate-600 text-xs">—</span>
                            <?php endif; ?>
                        </td>
                        <td class="px-6 py-4 text-xs"><?php echo isset($_tipos[$cb['tipo']]) ? $_tipos[$cb['tipo']] : $cb['tipo']; ?></td>
                        <td class="px-6 py-4 font-mono text-xs"><?php echo htmlspecialchars($cb['periodo']); ?></td>
                        <td class="px-6 py-4 text-right font-mono font-bold">$<?php echo number_format((float)$cb['monto'], 0, ',', '.'); ?></td>
                        <td class="px-6 py-4 text-center">
                            <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold border <?php echo $ec['color']; ?>"><?php echo $ec['label']; ?></span>
                        </td>
                        <td class="px-6 py-4 font-mono text-xs text-slate-500"><?php echo htmlspecialchars($cb['factura_referencia'] ? $cb['factura_referencia'] : '—'); ?></td>
                    </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    <?php endif; ?>
</div>
