<?php require __DIR__ . '/../../includes/navbar.php'; ?>

<div class="container mb-5 custom-margin-top">

    <h2 class="text-center mb-0 text-white title-presence">
        Panel de Negocio
    </h2>

    <p class="text-center text-white-50 mb-5">
        Administra las operaciones diarias.
    </p>
    
    <div class="row g-4 justify-content-center">
        
        <!-- CLIENTES -->

        <div class="col-xl-3 col-lg-4 col-md-6">
            <div class="card action-card text-center h-100">
                <div class="card-body card-body-compact d-flex flex-column align-items-center justify-content-center">

                    <div class="icon-box bg-clientes mb-2">
                        <i class="fas fa-users"></i>
                    </div>

                    <h5 class="card-title mt-2">Clientes</h5>
                    <p class="card-text text-muted small">Registra, consulta y administra la información de tus clientes.</p>

                    <a href="?opt=clientes" class="stretched-link"></a>
                </div>
            </div>
        </div>

        <!-- VENTAS -->

        <div class="col-xl-3 col-lg-4 col-md-6">
            <div class="card action-card text-center h-100">
                <div class="card-body card-body-compact d-flex flex-column align-items-center justify-content-center">

                    <div class="icon-box bg-ventas mb-2">
                        <i class="fas fa-shopping-cart"></i>
                    </div>

                    <h5 class="card-title mt-2">Ventas</h5>
                    <p class="card-text text-muted small">Registra, consulta el historial y lleva el control de cada venta.</p>

                    <a href="?opt=crear_venta" class="stretched-link"></a>
                </div>
            </div>
        </div>

        <!-- SERVICIOS -->

        <div class="col-xl-3 col-lg-4 col-md-6">
            <div class="card action-card text-center h-100">
                <div class="card-body card-body-compact d-flex flex-column align-items-center justify-content-center">

                    <div class="icon-box bg-servicios mb-2">
                        <i class="fas fa-wrench"></i>
                    </div>

                    <h5 class="card-title mt-2">Servicios</h5>
                    <p class="card-text text-muted small">Crea y administra los servicios con toda la información necesaria.</p>

                    <a href="?opt=crear_servicio" class="stretched-link"></a>
                </div>
            </div>
        </div>

        <!-- PRESUPUESTOS -->

        <div class="col-xl-3 col-lg-4 col-md-6">
            <div class="card action-card text-center h-100">
                <div class="card-body card-body-compact d-flex flex-column align-items-center justify-content-center">

                    <div class="icon-box bg-presupuestos mb-2">
                        <i class="fas fa-file-invoice-dollar"></i>
                    </div>

                    <h5 class="card-title mt-2">Presupuestos</h5>
                    <p class="card-text text-muted small">Genera presupuestos detallados para tus clientes.</p>

                    <a href="?opt=crear_presupuesto" class="stretched-link"></a>
                </div>
            </div>
        </div>

        <!-- PRODUCTOS -->

        <div class="col-xl-3 col-lg-4 col-md-6">
            <div class="card action-card text-center h-100">
                <div class="card-body card-body-compact d-flex flex-column align-items-center justify-content-center">

                    <div class="icon-box bg-productos mb-2">
                        <i class="fas fa-box-open"></i>
                    </div>

                    <h5 class="card-title mt-2">Productos</h5>
                    <p class="card-text text-muted small">Controla el stock y administra cada producto.</p>

                    <a href="?opt=productos" class="stretched-link"></a>
                </div>
            </div>
        </div>

        <!-- PROVEEDORES -->

        <div class="col-xl-3 col-lg-4 col-md-6">
            <div class="card action-card text-center h-100">
                <div class="card-body card-body-compact d-flex flex-column align-items-center justify-content-center">

                    <div class="icon-box bg-proveedores mb-2">
                        <i class="fas fa-truck"></i>
                    </div>

                    <h5 class="card-title mt-2">Proveedores</h5>
                    <p class="card-text text-muted small">Gestiona proveedores y sus datos correspondientes.</p>

                    <a href="?opt=proveedores" class="stretched-link"></a>
                </div>
            </div>
        </div>
        
        <!-- PEDIDOS -->

        <div class="col-xl-3 col-lg-4 col-md-6">
            <div class="card action-card text-center h-100">
                <div class="card-body card-body-compact d-flex flex-column align-items-center justify-content-center">

                    <div class="icon-box bg-pedidos mb-2">
                        <i class="fas fa-clipboard-list"></i>
                    </div>

                    <h5 class="card-title mt-2">Pedidos</h5>
                    <p class="card-text text-muted small">Crea y gestiona órdenes de compra a proveedores</p>

                    <a href="?opt=crear_pedido" class="stretched-link"></a>
                </div>
            </div>
        </div>

    </div>
</div>

<script>
    window.onpageshow = function(event) {
        if (event.persisted) {
            window.location.reload();
        }
    };
</script>