<?php
require_once(__DIR__.'/../config/is_logged.php');
require_once(__DIR__.'/../config/conexion_bd.php');
require_once(__DIR__.'/../config/data_session.php');    

$id_empresa = $_SESSION['IDEMPRESA'];
$menu_fidelizacion = isset($_GET['menu_fidelizacion']) ? $_GET['menu_fidelizacion'] : '';

// 1. OBTENCIÓN DE MÉTRICAS CORTAS Y OPTIMIZADAS
$metricas = ['activas' => 0, 'sellos_comp' => 0, 'gift' => 0, 'debit' => 0];

$stmt1 = $con->prepare("SELECT COUNT(*) as total FROM fidelizacion_tarjetas WHERE empresa = ? AND estado = 1");
$stmt1->bind_param("s", $id_empresa); $stmt1->execute();
$metricas['activas'] = $stmt1->get_result()->fetch_assoc()['total'];

$stmt2 = $con->prepare("SELECT COUNT(*) as total FROM fidelizacion_emisiones JOIN fidelizacion_tarjetas ON fidelizacion_emisiones.id_tarjeta_config = fidelizacion_tarjetas.id_tarjeta WHERE fidelizacion_emisiones.empresa = ? AND fidelizacion_tarjetas.tipo_tarjeta = 'sellos' AND fidelizacion_emisiones.estado = 'canjeada'");
$stmt2->bind_param("s", $id_empresa); $stmt2->execute();
$metricas['sellos_comp'] = $stmt2->get_result()->fetch_assoc()['total'];

$stmt3 = $con->prepare("
    SELECT 
       SUM(CASE WHEN t.configuracion LIKE '%\"modo_tarjeta\":\"regalo\"%' THEN 1 ELSE 0 END) as total_gift,
       SUM(CASE WHEN t.configuracion LIKE '%\"modo_tarjeta\":\"debito\"%' AND e.progreso_actual > 1 THEN 1 ELSE 0 END) as total_debito
    FROM fidelizacion_emisiones e 
    JOIN fidelizacion_tarjetas t ON e.id_tarjeta_config = t.id_tarjeta 
    WHERE e.empresa = ? AND t.tipo_tarjeta = 'regalo'
");
$stmt3->bind_param("s", $id_empresa); $stmt3->execute();
$res3 = $stmt3->get_result()->fetch_assoc();
$metricas['gift'] = $res3['total_gift'] ?? 0;
$metricas['debit'] = $res3['total_debito'] ?? 0;

// 2. CONFIGURACIÓN DEL NEGOCIO (Seguridad SQL implementada)
$sql_config_negocio = "
SELECT 
    TB_EMPRESA.user_cpe, TB_USUARIOS.user_id, TB_COLORES.id as color_id, 
    TB_DATOS_BANCARIOS.id as db_id, TB_MEDIOS_PAGO.nombre as mp_nombre, TB_EMPRESA.facturacion
FROM perfil TB_EMPRESA
LEFT JOIN users TB_USUARIOS ON (TB_EMPRESA.id_perfil = TB_USUARIOS.empresa AND TB_USUARIOS.estado = 1)
LEFT JOIN colores_empresa TB_COLORES ON (TB_EMPRESA.id_perfil = TB_COLORES.empresa AND TB_COLORES.color != '')
LEFT JOIN datosbancarios_empresa TB_DATOS_BANCARIOS ON (TB_EMPRESA.id_perfil = TB_DATOS_BANCARIOS.empresa AND TB_DATOS_BANCARIOS.estado = 1 AND TB_DATOS_BANCARIOS.numero != '')
LEFT JOIN medios_pago_empresa TB_MEDIOS_PAGO ON (TB_EMPRESA.id_perfil = TB_MEDIOS_PAGO.empresa AND TB_MEDIOS_PAGO.nombre != '')
WHERE TB_EMPRESA.id_perfil = ? GROUP BY TB_EMPRESA.id_perfil LIMIT 1
";
$stmt_conf = $con->prepare($sql_config_negocio);
$stmt_conf->bind_param("s", $id_empresa);
$stmt_conf->execute();
$conf = $stmt_conf->get_result()->fetch_assoc() ?: [];

$pasos_config = [
    ['clave' => 'user_cpe',   'img' => 'datos_uno.png',    'label' => 'Agrega datos de empresa',   'url' => 'configuraciones/index.php?id=1&menu_qms'],
    ['clave' => 'facturacion','img' => 'electronica_uno.png','label' => 'Activar facturación',      'url' => 'facturacion_inicial.php', 'oculto' => true],
    ['clave' => 'user_id',    'img' => 'usuario_uno.png',  'label' => 'Agrega un usuario',         'url' => 'configuraciones/index.php?id=5&menu_qms'],
    ['clave' => 'color_id',   'img' => 'grafica_uno.png',  'label' => 'Configura línea gráfica',   'url' => 'configuraciones/otras_configuraciones_index.php?direct=5', 'oculto' => true],
    ['clave' => 'db_id',      'img' => 'bancaria_uno.png', 'label' => 'Registra cuenta bancaria',  'url' => 'configuraciones/index.php?id=3', 'oculto' => true],
    ['clave' => 'mp_nombre',  'img' => 'pago_uno.png',     'label' => 'Crea medios de pago',       'url' => 'configuraciones/index.php?id=2', 'oculto' => true],
];

$completados = 0;
foreach($pasos_config as &$paso) {
    $paso['done'] = !empty($conf[$paso['clave']]);
    if ($paso['done']) $completados++;
}
$progreso_total = round((100 / count($pasos_config)) * $completados, 2);

$_span_c = '<span class="badge bg-success rounded-pill px-3 py-1 fw-medium" style="background-color: #E3FFD7 !important; color:#009F53 !important; border: 1px solid #009F53;">Completado</span>';
$_span_p = '<span class="badge bg-light rounded-pill px-3 py-1 text-secondary fw-medium" style="border: 1px solid #74788d;">Pendiente</span>';
?>
<!DOCTYPE HTML>
<html lang="es">
<head>
    <?php require_once(__DIR__.'/../config/metas_5.php'); ?>
    <title>Inicio - <?php echo $_SESSION['labsac_empresa_razon_social']; ?></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    
    <style>
        .negocia-card { border: none; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: all 0.3s ease; background: #fff; cursor: pointer; }
        .negocia-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
        .nuevo_diseno { padding-bottom: 15px; border-bottom: 1px solid #f1f1f1; display: flex; align-items: center; transition: background 0.2s; border-radius: 8px;}
        .nuevo_diseno:hover { background-color: #fafafa; }
        .stat-value { font-size:32px; font-weight:700; color:#2d3748; letter-spacing: -0.5px;}
        .stat-title { font-size: 13px; color:#718096; font-weight:600; text-transform: uppercase; letter-spacing: 0.5px;}
        .pill-btn { display:block; text-align:center; color:#ff9900; background:rgba(255,153,0,0.1); padding:6px 24px; border-radius:8px; font-weight:600; transition: all 0.2s; }
        .pill-btn:hover { background:rgba(255,153,0,0.2); }
        .tachado { text-decoration: line-through #718096 1px; color: #718096; }
        
        .fide-icon-box { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255, 156, 0, 0.1); color: #ff9c00; font-size: 24px; }
        .fide-icon-box.premium { background: linear-gradient(135deg, #2a2a72 0%, #009ffd 100%); color: white; }
    </style>
</head>
<body data-sidebar-size="sm" class="<?php echo $_SESSION['labsac_style_modo_body']; ?> bg-light">

<div id="layout-wrapper">
    <?php require_once(__DIR__.'/../config/header_5.php'); ?>
    
    <div class="main-content">
        <div class="page-content px-3 py-4">
            <div class="container-fluid"> 
                
                <!-- HEADER DASHBOARD -->
                <div class="row mb-4 align-items-center">
                    <div class="col-12 col-md-6">
                        <h4 class="fw-bold text-dark mb-1">¡Hola, <?php echo ucwords(mb_strtolower($_SESSION['labsac_usuario_nombres'])); ?>!</h4>
                        <p class="text-muted">Resumen de tu ecosistema de fidelización y métricas actuales.</p>
                    </div>
                </div>
                
                <div class="row g-4">
                    <!-- CONTENEDOR DE MÉTRICAS -->
                    <div class="col-lg-6 col-md-12">
                        <div class="row g-3">
                            <?php 
                            $cards = [
                                ['title' => 'Tarjetas Activas', 'val' => $metricas['activas'], 'btn' => 'Ver Campañas', 'icon' => 'fa-id-card'],
                                ['title' => 'Sellos Canjeados', 'val' => $metricas['sellos_comp'], 'btn' => 'Ver Canjes', 'icon' => 'fa-stamp'],
                                ['title' => 'Clientes Gift Card', 'val' => $metricas['gift'], 'btn' => 'Ver Clientes', 'icon' => 'fa-gift'],
                                ['title' => 'Monederos con Saldo', 'val' => $metricas['debit'], 'btn' => 'Ver Saldos > 1', 'icon' => 'fa-wallet']
                            ];
                            foreach($cards as $idx => $c): ?>
                            <div class="col-6">
                                <div class="card negocia-card h-100">
                                    <div class="card-body p-4 d-flex flex-column justify-content-between">
                                        <div class="d-flex justify-content-between align-items-center mb-4">
                                            <div>
                                                <h6 class="stat-title"><?= $c['title'] ?></h6>
                                                <h3 class="stat-value counter-value mt-2 mb-0" data-target="<?= $c['val'] ?>"><?= $c['val'] ?></h3>
                                            </div>
                                            <div class="fide-icon-box" style="width: 48px; height: 48px; font-size: 20px;">
                                                <i class="fas <?= $c['icon'] ?>"></i>
                                            </div>
                                        </div>
                                        <div class="mt-auto"><span class="pill-btn w-100"><?= $c['btn'] ?></span></div>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </div>
                    
                    <!-- CONFIGURACIÓN DE ESPACIO -->
                    <div class="col-lg-6 col-md-12">
                        <div class="card negocia-card h-100">
                            <div class="card-body p-4">
                                <div class="d-flex justify-content-between align-items-center mb-4">
                                    <h5 class="fw-bold mb-0">Configura tu espacio</h5>
                                    <div class="d-flex align-items-center" style="width: 50%;">
                                        <div class="progress w-100 me-3" style="height: 8px; border-radius: 4px;">
                                            <div class="progress-bar bg-warning" style="width:<?= $progreso_total ?>%;"></div>
                                        </div>
                                        <span class="fw-bold text-dark"><?= (int)$progreso_total ?>%</span>
                                    </div>
                                </div>
                                
                                <div class="config-list">
                                    <?php foreach($pasos_config as $index => $item): ?>
                                    <div class="<?= isset($item['oculto']) ? 'd-none' : '' ?> p-2" onclick="location.href='<?= $_SESSION['EC2_DOMINIO'] . $item['url'] ?>';">
                                        <div class="nuevo_diseno px-2">
                                            <div class="col-8 d-flex align-items-center">
                                                <img src="https://<?= $_SESSION['EC2_BUCKET_S3'] ?>-img-recursos.s3.amazonaws.com/<?= $item['img'] ?>" style="height:32px;" class="me-3">
                                                <label class="form-check-label mb-0 fw-medium <?= $item['done'] ? 'tachado' : 'text-dark' ?> cursor-pointer" style="font-size: 15px;"><?= $item['label'] ?></label>
                                            </div>
                                            <div class="col-4 text-end">
                                                <?= $item['done'] ? $_span_c : $_span_p ?>
                                            </div>
                                        </div>
                                    </div>
                                    <?php endforeach; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- FUNCIONES DE FIDELIZACIÓN & ESCALABILIDAD -->
                <div class="mt-5 mb-3">
                    <h5 class="fw-bold text-dark">Ecosistema de Retención & Crecimiento</h5>
                    <p class="text-muted">Potencia las ventas recurrentes y lanza tecnologías de clase mundial.</p>
                </div>
                
                <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mb-4">
                    <?php 
                    $modulos_core = [
                        ['icon' => 'fa-certificate', 'tit' => 'Tarjetas de Sellos', 'desc' => 'Crea tarjetas acumulables de visitas o compras.', 'url' => 'tarjetas_form/sellos/index.php?menu_fidelizacion='.$menu_fidelizacion],
                        ['icon' => 'fa-star', 'tit' => 'Sistema de Puntos', 'desc' => 'Configura reglas de puntos equivalentes a dinero.', 'url' => '../Operaciones/Puntos.php?menu_fidelizacion='.$menu_fidelizacion],
                        ['icon' => 'fa-gift', 'tit' => 'Gift Cards / Monederos', 'desc' => 'Vende tarjetas de regalo y recarga saldos virtuales.', 'url' => 'tarjetas_form/gift/index.php?menu_fidelizacion='.$menu_fidelizacion],
                        ['icon' => 'fa-cash-register', 'tit' => 'POS Kiosco Vendedor', 'desc' => 'Cobrar saldo y escanear QR de clientes en tiempo real.', 'url' => '../fidelizacion/vendedor/', 'blank' => true],
                        
                        ['icon' => 'fa-id-card', 'tit' => 'Formulario de Clientes', 'desc' => 'Configura un solo formulario de captación para todas tus campañas.', 'url' => 'config_formulario.php?menu_fidelizacion='.$menu_fidelizacion],
                        // (Módulos premium removidos temporalmente por solicitud del usuario)
                    ];
                    foreach($modulos_core as $m): ?>
                    <div class="col">
                        <div class="card negocia-card h-100" onclick="window.<?= (!empty($m['blank'])) ? "open('{$m['url']}', '_blank')" : "location.href='{$m['url']}'" ?>">
                            <div class="card-body p-4 d-flex align-items-center">
                                <div class="fide-icon-box me-3 <?= !empty($m['premium']) ? 'premium' : '' ?>">   
                                    <i class="fas <?= $m['icon'] ?>"></i>
                                </div>
                                <div>
                                    <h6 class="fw-bold mb-1 text-dark"><?= $m['tit'] ?> <?php if(!empty($m['premium'])) echo '<span class="badge bg-danger ms-1" style="font-size:10px;">PRO</span>' ?></h6>
                                    <p class="text-muted mb-0" style="font-size: 13px; line-height: 1.4;"><?= $m['desc'] ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>

            </div>
        </div>
    </div>
</div>

<?php require_once('../config/footer_5.php'); ?>

<script>
// Scripts adicionales inicializados
</script>
</body>
</html>