<?php
include 'sesion.php';
include 'concha.php';
include 'concha_extras.php';

if (session_status() === PHP_SESSION_NONE) {
    @session_start();
}

function h($v){
    return htmlspecialchars((string)$v, ENT_QUOTES, 'UTF-8');
}

$tour = isset($_GET['tour']) ? (int)$_GET['tour'] : 1;
$usa_estilo_especial = ($estiloweb == 9 || $estiloweb == 85 || $estiloweb == 86);

// Resumen rápido
$total_menu = 0;
$total_menu_principal = 0;
$total_submenu = 0;
$total_columna = 0;

$res = $conn->query("SELECT COUNT(*) AS total FROM menu");
if ($res instanceof mysqli_result) {
    $row = $res->fetch_assoc();
    $total_menu = (int)$row['total'];
    $res->free();
}

$res = $conn->query("SELECT COUNT(*) AS total FROM menu WHERE IDsub = 0");
if ($res instanceof mysqli_result) {
    $row = $res->fetch_assoc();
    $total_menu_principal = (int)$row['total'];
    $res->free();
}

$res = $conn->query("SELECT COUNT(*) AS total FROM menu WHERE IDsub <> 0");
if ($res instanceof mysqli_result) {
    $row = $res->fetch_assoc();
    $total_submenu = (int)$row['total'];
    $res->free();
}

$res = $conn->query("SELECT COUNT(*) AS total FROM columna WHERE bloque IS NOT NULL AND bloque <> ''");
if ($res instanceof mysqli_result) {
    $row = $res->fetch_assoc();
    $total_columna = (int)$row['total'];
    $res->free();
}

$logo_mostrar = '';
if (!empty($logo_C)) {
    $logo_mostrar = $logo_C;
} elseif (!empty($logo)) {
    $logo_mostrar = $logo;
} elseif (!empty($logo_g)) {
    $logo_mostrar = $logo_g;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta name="description" content="Wizard inicial del portal">
    <meta name="author" content="<?php echo h($nombresitio); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?php echo h($nombresitio); ?> - Wizard Paso 8</title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

    <style type="text/css">
        *{
            border-radius: 0 !important;
            box-sizing: border-box;
        }

        body{
            background: #eef2f7;
            font-family: Arial, Helvetica, sans-serif;
            color: #22303c;
        }

        .wizard-wrap{
            max-width: 1100px;
            margin: 30px auto;
        }

        .wizard-card{
            background: #fff;
            border: 1px solid #dce4ec;
            box-shadow: 0 12px 35px rgba(0,0,0,0.06);
        }

        .wizard-head{
            background: linear-gradient(135deg, #0066FF 0%, #0a4fc7 100%);
            color: #fff;
            padding: 36px;
        }

        .wizard-head h1{
            font-size: 34px;
            margin: 0 0 10px 0;
            font-weight: bold;
        }

        .wizard-head p{
            margin: 0;
            font-size: 17px;
            line-height: 1.8;
        }

        .wizard-progress{
            background: #f7f9fc;
            border-bottom: 1px solid #e2e8ef;
            padding: 16px 32px;
            font-size: 15px;
        }

        .wizard-progress strong{
            color: #0066FF;
        }

        .wizard-body{
            padding: 34px;
        }

        .bloque-ok{
            background: #f3fbf6;
            border-left: 4px solid #1f9d55;
            padding: 18px;
            margin-bottom: 28px;
            line-height: 1.7;
            color: #1b4332;
        }

        .seccion-titulo{
            font-size: 25px;
            font-weight: bold;
            margin-bottom: 18px;
            color: #1d2b39;
        }

        .resumen-grid{
            display: flex;
            flex-wrap: wrap;
            margin: 0 -10px 18px -10px;
        }

        .resumen-item{
            width: 100%;
            padding: 0 10px;
            margin-bottom: 20px;
        }

        .resumen-card{
            border: 1px solid #e1e8ef;
            background: #fff;
            height: 100%;
        }

        .resumen-card-body{
            padding: 22px;
        }

        .resumen-numero{
            font-size: 34px;
            font-weight: bold;
            color: #0066FF;
            line-height: 1;
            margin-bottom: 10px;
        }

        .resumen-label{
            font-size: 16px;
            font-weight: bold;
            color: #22303c;
            margin-bottom: 6px;
        }

        .resumen-texto{
            font-size: 14px;
            color: #667788;
            line-height: 1.6;
        }

        .preview-box{
            border: 1px solid #e1e8ef;
            background: #fff;
            margin-bottom: 28px;
        }

        .preview-header{
            padding: 14px 18px;
            background: #fafcff;
            border-bottom: 1px solid #edf2f7;
            font-size: 18px;
            font-weight: bold;
            color: #1d2b39;
        }

        .preview-body{
            padding: 22px;
        }

        .mini-sitio{
            border: 1px solid #dfe7ef;
            background: <?php echo !empty($d_color_fondo) ? h($d_color_fondo) : '#ffffff'; ?>;
        }

        .mini-top{
            padding: 18px;
            background: <?php echo !empty($d_color_fondo_cabecera) ? h($d_color_fondo_cabecera) : '#f5f5f5'; ?>;
            border-bottom: 1px solid #e7edf3;
            text-align: center;
        }

        .mini-top img{
            max-width: 100%;
            max-height: 80px;
            height: auto;
        }

        .mini-top .sitio-nombre{
            font-size: 28px;
            font-weight: bold;
            color: <?php echo !empty($d_color_titulo) ? h($d_color_titulo) : '#111111'; ?>;
        }

        .mini-menu{
            background: <?php echo !empty($d_color_fondo_menu) ? h($d_color_fondo_menu) : '#0066FF'; ?>;
            padding: 0;
        }

        .mini-menu ul{
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
        }

        .mini-menu li a{
            display: block;
            padding: 12px 16px;
            color: <?php echo !empty($d_color_menu) ? h($d_color_menu) : '#ffffff'; ?>;
            text-decoration: none;
            font-weight: bold;
            border-right: 1px solid rgba(255,255,255,0.12);
        }

        .mini-content{
            padding: 22px;
        }

        .mini-destacada{
            background: <?php echo !empty($d_color_destacada) ? h($d_color_destacada) : '#0066FF'; ?>;
            color: <?php echo !empty($d_color_destacada_sobre) ? h($d_color_destacada_sobre) : '#ffffff'; ?>;
            padding: 16px;
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 18px;
        }

        .mini-texto{
            color: #3a4b5b;
            line-height: 1.7;
            font-size: 15px;
        }

        .lista-final{
            border: 1px solid #e1e8ef;
            background: #fff;
            margin-bottom: 28px;
        }

        .lista-final .item{
            padding: 16px 18px;
            border-bottom: 1px solid #edf2f7;
        }

        .lista-final .item:last-child{
            border-bottom: 0;
        }

        .item strong{
            color: #1d2b39;
        }

        .item span{
            color: #627283;
        }

        .acciones{
            text-align: center;
            padding: 10px 0 0 0;
        }

        .acciones .btn{
            margin: 6px;
        }

        .btn-wizard{
            background: #0066FF;
            border: 1px solid #0066FF;
            color: #fff;
            padding: 13px 24px;
            font-weight: bold;
        }

        .btn-wizard:hover{
            background: #0055d4;
            border-color: #0055d4;
            color: #fff;
        }

        .btn-light2{
            background: #fff;
            border: 1px solid #ccd6e0;
            color: #334455;
            padding: 13px 24px;
            font-weight: bold;
            text-decoration: none;
            display: inline-block;
        }

        .btn-light2:hover{
            text-decoration: none;
            color: #22303c;
            background: #f7f9fc;
        }

        .wizard-footer{
            border-top: 1px solid #e4ebf2;
            padding: 22px 32px;
            background: #fafcff;
        }

        @media (min-width: 768px){
            .resumen-item{
                width: 50%;
            }
        }

        @media (min-width: 992px){
            .resumen-item{
                width: 25%;
            }
        }

        @media (max-width: 767px){
            .wizard-head,
            .wizard-progress,
            .wizard-body,
            .wizard-footer{
                padding: 20px;
            }

            .wizard-head h1{
                font-size: 26px;
            }

            .mini-menu ul{
                display: block;
            }

            .mini-menu li a{
                border-right: 0;
                border-bottom: 1px solid rgba(255,255,255,0.10);
            }
        }
    </style>
</head>
<body>

<?php
if ($usa_estilo_especial) {
    include 'menu_estilo9.php';
} else {
    if ($tour != 1) {
        echo '<div class="container" style="background-color:#F1F2ED;">';
        include 'menu.php';
        echo '</div>';
    }
}
?>

<div class="wizard-wrap">
    <div class="wizard-card">

        <div class="wizard-head">
            <h1>Tu portal ya está listo para empezar</h1>
            <p>
                Terminaste la configuración inicial. Ya definiste los datos principales,
                contacto, imágenes, colores, redes sociales, menú y la columna lateral del sitio.
            </p>
        </div>

        <div class="wizard-progress">
            <strong>Paso 8 de 8:</strong> Finalización del asistente inicial
        </div>

        <div class="wizard-body">

            <div class="bloque-ok">
                Listo. Ya le diste vida al portal y quedó preparado para comenzar a publicar contenido.
                A partir de ahora podés seguir ajustando detalles cuando quieras, pero la base principal ya está creada.
            </div>

            <div class="seccion-titulo">Resumen de lo configurado</div>

            <div class="resumen-grid">
                <div class="resumen-item">
                    <div class="resumen-card">
                        <div class="resumen-card-body">
                            <div class="resumen-numero"><?php echo (int)$total_menu_principal; ?></div>
                            <div class="resumen-label">Botones principales</div>
                            <div class="resumen-texto">Cantidad de botones principales cargados en el menú superior.</div>
                        </div>
                    </div>
                </div>

                <div class="resumen-item">
                    <div class="resumen-card">
                        <div class="resumen-card-body">
                            <div class="resumen-numero"><?php echo (int)$total_submenu; ?></div>
                            <div class="resumen-label">Subbotones</div>
                            <div class="resumen-texto">Cantidad de submenús configurados dentro del menú.</div>
                        </div>
                    </div>
                </div>

                <div class="resumen-item">
                    <div class="resumen-card">
                        <div class="resumen-card-body">
                            <div class="resumen-numero"><?php echo (int)$total_menu; ?></div>
                            <div class="resumen-label">Total de botones</div>
                            <div class="resumen-texto">Suma completa entre menú principal y submenús del portal.</div>
                        </div>
                    </div>
                </div>

                <div class="resumen-item">
                    <div class="resumen-card">
                        <div class="resumen-card-body">
                            <div class="resumen-numero"><?php echo (int)$total_columna; ?></div>
                            <div class="resumen-label">Bloques laterales</div>
                            <div class="resumen-texto">Cantidad de módulos activos configurados en la columna derecha.</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="acciones">
                <a href="cargarnota.php" class="btn btn-wizard">Cargar la primer nota</a>
                <a href="index.php" class="btn btn-light2">Ir al panel</a>
            </div>

        </div>

        <div class="wizard-footer">
            <div class="d-flex justify-content-between align-items-center flex-wrap">
                <div>
                    <a href="wizard.7.php" class="btn-light2">Volver al paso 7</a>
                </div>

                <div>
                    <a href="index.php" class="btn btn-light2">Ir al panel</a>
                    <a href="cargarnota.php" class="btn btn-wizard ml-2">Cargar la primer nota</a>
                </div>
            </div>
        </div>

    </div>
</div>

</body>
</html>