<?php
session_start();
include '../../script/conexion.php';
require '../general/validacion.php';

date_default_timezone_set('America/Bogota');

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

function nf0($value)
{
    return number_format((float)$value, 0, ',', '.');
}

$tercero_taller = 'INNOVASUELAS ALMACEN';

$stats = [
    'pedidos_total'    => 0,
    'despachos_total'  => 0,
    'pendiente_total'  => 0,
    'diferencia'       => 0,
    'cobertura'        => 0,
];

$sqlPedidos = "SELECT COUNT(id) AS total FROM pedido WHERE nombre_tercero='$tercero_taller'";
$queryPedidos = $conn->query($sqlPedidos);
if ($queryPedidos && $queryPedidos->num_rows > 0) {
    $stats['pedidos_total'] = (int)($queryPedidos->fetch_assoc()['total'] ?? 0);
}

$sqlDespachos = "SELECT COUNT(id) AS total FROM despacho WHERE nombre_tercero='$tercero_taller'";
$queryDespachos = $conn->query($sqlDespachos);
if ($queryDespachos && $queryDespachos->num_rows > 0) {
    $stats['despachos_total'] = (int)($queryDespachos->fetch_assoc()['total'] ?? 0);
}

/*
|--------------------------------------------------------------------------
| Pendiente
|--------------------------------------------------------------------------
| Como no tenemos aquí la lógica exacta del pendiente, se deja el acceso
| al módulo pendiente.php y una diferencia orientativa entre pedidos y despachos.
*/
$stats['diferencia'] = $stats['pedidos_total'] - $stats['despachos_total'];
$stats['cobertura']  = $stats['pedidos_total'] > 0
    ? (($stats['despachos_total'] / $stats['pedidos_total']) * 100)
    : 0;

$mensaje_operativo = 'El módulo se encuentra balanceado entre pedidos y despachos.';
$mensaje_clase = 'text-success';

if ($stats['diferencia'] > 0) {
    $mensaje_operativo = 'Hay más pedidos registrados que despachos. Conviene revisar el pendiente.';
    $mensaje_clase = 'text-primary';
} elseif ($stats['diferencia'] < 0) {
    $mensaje_operativo = 'Hay más despachos registrados que pedidos. Conviene validar si hubo registros adicionales o ajustes.';
    $mensaje_clase = 'text-danger';
}
?>
<!doctype html>
<html lang="es" class="light-theme">
<head>
    <?php include '../general/libreria-css.php'; ?>

    <style>
        :root {
            --page-bg: #f6f8fb;
            --card-bg: #ffffff;
            --text-main: #1f2937;
            --text-soft: #6b7280;
            --line: #e5e7eb;
            --primary: #111827;
            --primary-soft: rgba(17, 24, 39, .06);
            --warning-soft: rgba(245, 158, 11, .12);
            --info-soft: rgba(59, 130, 246, .12);
            --danger-soft: rgba(239, 68, 68, .12);
            --success-soft: rgba(34, 197, 94, .12);
            --shadow: 0 10px 30px rgba(15, 23, 42, .06);
            --radius: 18px;
        }

        body {
            background: var(--page-bg);
            color: var(--text-main);
        }

        .page-title-card,
        .stats-card,
        .panel-card,
        .action-card {
            border: 0;
            border-radius: var(--radius);
            background: var(--card-bg);
            box-shadow: var(--shadow);
        }

        .page-title-card .card-body,
        .panel-card .card-body,
        .action-card .card-body {
            padding: 1.25rem 1.35rem;
        }

        .page-title-main {
            font-size: 1.55rem;
            font-weight: 800;
            margin-bottom: .2rem;
            letter-spacing: .2px;
        }

        .page-subtitle {
            color: var(--text-soft);
            margin: 0;
            font-size: .95rem;
        }

        .page-badges {
            display: flex;
            flex-wrap: wrap;
            gap: .5rem;
            margin-top: .8rem;
        }

        .info-chip {
            display: inline-flex;
            align-items: center;
            gap: .35rem;
            padding: .45rem .75rem;
            border-radius: 999px;
            background: #f8fafc;
            border: 1px solid var(--line);
            font-size: .82rem;
            color: var(--text-main);
            font-weight: 600;
        }

        .stats-card .card-body {
            padding: 1rem 1.1rem;
        }

        .stats-icon {
            width: 44px;
            height: 44px;
            border-radius: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--primary-soft);
            color: var(--primary);
            font-size: 1.05rem;
            margin-bottom: .85rem;
        }

        .stats-title {
            font-size: .78rem;
            color: var(--text-soft);
            text-transform: uppercase;
            letter-spacing: .08em;
            margin-bottom: .35rem;
            font-weight: 700;
        }

        .stats-value {
            font-size: 1.35rem;
            font-weight: 800;
            line-height: 1.1;
            color: var(--text-main);
        }

        .stats-note {
            font-size: .8rem;
            color: var(--text-soft);
            margin-top: .35rem;
        }

        .section-title {
            font-size: 1rem;
            font-weight: 800;
            margin-bottom: .15rem;
        }

        .section-subtitle {
            color: var(--text-soft);
            font-size: .88rem;
            margin-bottom: 1rem;
        }

        .action-link {
            text-decoration: none;
            color: inherit;
            display: block;
        }

        .action-box {
            border-radius: 18px;
            padding: 1.1rem 1rem;
            color: #fff;
            min-height: 120px;
            transition: all .18s ease;
        }

        .action-box:hover {
            transform: translateY(-2px);
            box-shadow: 0 14px 30px rgba(15, 23, 42, .10);
        }

        .action-box h5 {
            font-weight: 800;
            margin-bottom: .25rem;
        }

        .action-box p {
            margin: 0;
            opacity: .95;
            font-size: .88rem;
        }

        .action-top {
            display: flex;
            align-items: center;
            gap: .75rem;
            margin-bottom: .85rem;
        }

        .action-icon {
            width: 44px;
            height: 44px;
            border-radius: 14px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,.18);
            font-size: 1rem;
        }

        .action-total {
            margin-left: auto;
            font-weight: 800;
            font-size: 1rem;
        }

        .bg-action-warning {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
        }

        .bg-action-info {
            background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
        }

        .bg-action-royal {
            background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);
        }

        .summary-item,
        .quick-link {
            border: 1px solid #edf2f7;
            border-radius: 16px;
            padding: .95rem 1rem;
            background: #fff;
            transition: all .18s ease;
        }

        .summary-item:hover,
        .quick-link:hover {
            background: #fafcff;
            border-color: #dbe4f0;
        }

        .summary-title {
            font-weight: 800;
            color: #111827;
        }

        .summary-value {
            font-weight: 800;
            color: #0f172a;
        }

        .summary-meta {
            color: var(--text-soft);
            font-size: .83rem;
        }

        .quick-link {
            display: flex;
            align-items: center;
            gap: .9rem;
            text-decoration: none;
            color: inherit;
            margin-bottom: .75rem;
        }

        .quick-icon {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--primary-soft);
            color: var(--primary);
            font-size: 1rem;
            flex: 0 0 42px;
        }

        .quick-link h6 {
            margin: 0 0 .15rem 0;
            font-weight: 800;
        }

        .quick-link p {
            margin: 0;
            color: var(--text-soft);
            font-size: .83rem;
        }

        .mini-divider {
            height: 1px;
            background: #edf2f7;
            margin: 1rem 0;
        }

        @media print {
            .d-print-none,
            .wrapper aside,
            .top-header {
                display: none !important;
            }

            body {
                background: #fff !important;
            }

            .page-title-card,
            .stats-card,
            .panel-card,
            .action-card {
                box-shadow: none !important;
                border: 1px solid #ddd !important;
            }
        }
    </style>
</head>
<body>

    <div class="wrapper">
        <?php echo include '../general/menu.php'; ?>

        <div class="page-content-wrapper">
            <div class="page-content">

                <nav aria-label="breadcrumb" class="mb-3 d-print-none">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item">
                            <a href="../inicio/inicio.php">
                                <ion-icon name="home-outline"></ion-icon>
                            </a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">Fábrica</li>
                    </ol>
                </nav>

                <div class="card page-title-card mb-3">
                    <div class="card-body">
                        <div class="page-title-main">Taller Innovasuelas</div>
                        <p class="page-subtitle">
                            Panel rápido del taller para gestionar pedidos, despachos y revisión de pendientes del almacén.
                        </p>

                        <div class="page-badges">
                            <span class="info-chip">
                                <i class="fas fa-industry"></i>
                                Tercero: <?= h($tercero_taller) ?>
                            </span>
                            <span class="info-chip">
                                <i class="fas fa-file-lines"></i>
                                Pedidos: <?= nf0($stats['pedidos_total']) ?>
                            </span>
                            <span class="info-chip">
                                <i class="fas fa-truck-fast"></i>
                                Despachos: <?= nf0($stats['despachos_total']) ?>
                            </span>
                            <span class="info-chip">
                                <i class="fas fa-scale-balanced"></i>
                                Diferencia: <?= nf0($stats['diferencia']) ?>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-6 col-xl-3">
                        <div class="card stats-card h-100">
                            <div class="card-body">
                                <div class="stats-icon"><i class="fas fa-file-lines"></i></div>
                                <div class="stats-title">Pedidos</div>
                                <div class="stats-value"><?= nf0($stats['pedidos_total']) ?></div>
                                <div class="stats-note">Registros asociados al almacén</div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-3">
                        <div class="card stats-card h-100">
                            <div class="card-body">
                                <div class="stats-icon"><i class="fas fa-truck-fast"></i></div>
                                <div class="stats-title">Despachos</div>
                                <div class="stats-value"><?= nf0($stats['despachos_total']) ?></div>
                                <div class="stats-note">Movimientos enviados al almacén</div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-3">
                        <div class="card stats-card h-100">
                            <div class="card-body">
                                <div class="stats-icon"><i class="fas fa-arrow-right-arrow-left"></i></div>
                                <div class="stats-title">Diferencia</div>
                                <div class="stats-value <?= $stats['diferencia'] > 0 ? 'text-primary' : ($stats['diferencia'] < 0 ? 'text-danger' : 'text-success') ?>">
                                    <?= nf0($stats['diferencia']) ?>
                                </div>
                                <div class="stats-note">Pedidos menos despachos</div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-xl-3">
                        <div class="card stats-card h-100">
                            <div class="card-body">
                                <div class="stats-icon"><i class="fas fa-chart-line"></i></div>
                                <div class="stats-title">Cobertura</div>
                                <div class="stats-value"><?= nf0($stats['cobertura']) ?>%</div>
                                <div class="stats-note">Relación entre despachos y pedidos</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row g-3">
                    <div class="col-12 col-xl-8">
                        <div class="card action-card">
                            <div class="card-body">
                                <div class="section-title">Acciones del taller</div>
                                <div class="section-subtitle">
                                </div>

                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <a href="pedido.php" class="action-link">
                                            <div class="action-box bg-action-warning">
                                                <div class="action-top">
                                                    <span class="action-icon">
                                                        <i class="fa-solid fa-file-circle-plus"></i>
                                                    </span>
                                                    <span class="action-total"><?= nf0($stats['pedidos_total']) ?></span>
                                                </div>
                                                <h5>Pedidos</h5>
                                                <p>Crear, revisar y gestionar pedidos del taller.</p>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="col-md-4">
                                        <a href="despacho.php" class="action-link">
                                            <div class="action-box bg-action-info">
                                                <div class="action-top">
                                                    <span class="action-icon">
                                                        <i class="fa-solid fa-truck-fast"></i>
                                                    </span>
                                                    <span class="action-total"><?= nf0($stats['despachos_total']) ?></span>
                                                </div>
                                                <h5>Despachos</h5>
                                                <p>Control de salidas y registros enviados al almacén.</p>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="col-md-4">
                                        <a href="pendiente.php" class="action-link">
                                            <div class="action-box bg-action-royal">
                                                <div class="action-top">
                                                    <span class="action-icon">
                                                        <i class="fa-solid fa-box-open"></i>
                                                    </span>
                                                    <span class="action-total"><?= nf0(max(0, $stats['diferencia'])) ?></span>
                                                </div>
                                                <h5>Pendiente</h5>
                                                <p>Revisión operativa de lo que falta por atender.</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card panel-card mt-3">
                            <div class="card-body">
                                <div class="section-title">Resumen del módulo</div>
                                <div class="section-subtitle">
                                    Lectura rápida del comportamiento del taller frente al almacén.
                                </div>

                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <div class="summary-item h-100">
                                            <div class="d-flex justify-content-between align-items-start gap-3">
                                                <div>
                                                    <div class="summary-title">Estado general</div>
                                                    <div class="summary-meta">
                                                        Comparativo entre pedidos y despachos registrados.
                                                    </div>
                                                </div>
                                                <div class="summary-value <?= $mensaje_clase ?>">
                                                    <?= $stats['diferencia'] > 0 ? 'Pendiente' : ($stats['diferencia'] < 0 ? 'Revisar' : 'OK') ?>
                                                </div>
                                            </div>
                                            <div class="mini-divider"></div>
                                            <div class="summary-meta <?= $mensaje_clase ?>">
                                                <?= h($mensaje_operativo) ?>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="summary-item h-100">
                                            <div class="d-flex justify-content-between align-items-start gap-3">
                                                <div>
                                                    <div class="summary-title">Dato útil</div>
                                                    <div class="summary-meta">
                                                        La diferencia mostrada es orientativa y te ayuda a detectar rápido si conviene entrar a pendiente.php.
                                                    </div>
                                                </div>
                                                <div class="summary-value">
                                                    <?= nf0($stats['diferencia']) ?>
                                                </div>
                                            </div>
                                            <div class="mini-divider"></div>
                                            <div class="summary-meta">
                                                Un valor positivo normalmente indica que aún hay movimientos por revisar o despachar.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-xl-4">
                        <div class="card panel-card h-100">
                            <div class="card-body">
                                <div class="section-title">Accesos rápidos</div>
                                <div class="section-subtitle">
                                    Navegación directa sin repetir opciones.
                                </div>

                                <a href="pedido.php" class="quick-link">
                                    <span class="quick-icon"><i class="fas fa-file-circle-plus"></i></span>
                                    <div>
                                        <h6>Pedidos</h6>
                                        <p>Crear y consultar pedidos del taller.</p>
                                    </div>
                                </a>

                                <a href="despacho.php" class="quick-link">
                                    <span class="quick-icon"><i class="fas fa-truck-fast"></i></span>
                                    <div>
                                        <h6>Despachos</h6>
                                        <p>Registrar y consultar despachos enviados.</p>
                                    </div>
                                </a>

                                <a href="pendiente.php" class="quick-link">
                                    <span class="quick-icon"><i class="fas fa-box-open"></i></span>
                                    <div>
                                        <h6>Pendiente</h6>
                                        <p>Revisar saldos o movimientos por atender.</p>
                                    </div>
                                </a>

                                <div class="mini-divider"></div>

                                <div class="summary-item">
                                    <div class="summary-title mb-1">Sugerencia operativa</div>
                                    <div class="summary-meta">
                                        Cuando la diferencia entre pedidos y despachos sube, conviene revisar primero el pendiente para validar qué referencias siguen abiertas.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <?php echo include '../general/footer.php'; ?>
        </div>
    </div>

    <?php echo include '../general/libreria-js.php'; ?>
</body>
</html>