<?php
/*
|--------------------------------------------------------------------------
| Helpers seguros para páginas viejas y nuevas
|--------------------------------------------------------------------------
*/
if (!function_exists('h')) {
    function h($value)
    {
        return htmlspecialchars((string)$value, ENT_QUOTES, 'UTF-8');
    }
}

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

if (!function_exists('menu_current_path')) {
    function menu_current_path()
    {
        $path = $_SERVER['PHP_SELF'] ?? '';
        return str_replace('\\', '/', (string)$path);
    }
}

if (!function_exists('menu_link_active')) {
    function menu_link_active($patterns = [])
    {
        $path = menu_current_path();

        foreach ((array)$patterns as $pattern) {
            if ($pattern !== '' && strpos($path, $pattern) !== false) {
                return 'active-link';
            }
        }
        return '';
    }
}

/*
|--------------------------------------------------------------------------
| Usuario seguro
|--------------------------------------------------------------------------
| Si alguna página vieja no trae $rowusu listo, esto evita que el menú falle.
*/
$menuUsuarioNombre = 'Usuario';
$menuUsuarioRol    = 'Sin rol';

if (isset($rowusu) && is_array($rowusu)) {
    $menuUsuarioNombre = $rowusu['nombre'] ?? $menuUsuarioNombre;
    $menuUsuarioRol    = $rowusu['rol'] ?? $menuUsuarioRol;
}

/*
|--------------------------------------------------------------------------
| Badge de cierre seguro
|--------------------------------------------------------------------------
*/
$cierreExceso = 0;

if (isset($conn) && $conn) {
    $sqlc40 = "SELECT COALESCE(SUM(cantidad), 0) AS cantidad FROM alm_referencia_cierre";
    $queryc40 = $conn->query($sqlc40);
    if ($queryc40 && $queryc40->num_rows > 0) {
        $rowc40 = $queryc40->fetch_assoc();
        $cierreExceso = (float)($rowc40['cantidad'] ?? 0);
    }
}
?>

<style>
    .sidebar-wrapper {
        background: #ffffff;
        border-right: 1px solid #e5e7eb;
        box-shadow: 0 10px 30px rgba(15, 23, 42, .04);
    }

    .sidebar-header {
        padding: 1rem 1rem .9rem 1rem;
        border-bottom: 1px solid #eef2f7;
        background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
    }

    .sidebar-header .logo-icon {
        width: 40px;
        height: 40px;
        object-fit: contain;
        border-radius: 12px;
        background: #fff;
        border: 1px solid #e5e7eb;
        padding: .2rem;
    }

    .sidebar-header .logo-text {
        margin-bottom: 0;
    }

    .sidebar-header .logo-text a {
        text-decoration: none;
        font-weight: 800;
        color: #111827 !important;
        letter-spacing: .2px;
    }

    .sidebar-wrapper .menu-label {
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .10em;
        color: #6b7280;
        font-weight: 800;
        margin-top: 1rem;
        margin-bottom: .3rem;
        padding-left: .35rem;
    }

    .sidebar-wrapper .metismenu a {
        border-radius: 14px;
        margin: .18rem .55rem;
        padding: .78rem .9rem;
        transition: all .18s ease;
        color: #1f2937;
    }

    .sidebar-wrapper .metismenu a:hover {
        background: #f8fafc;
        color: #111827;
    }

    .sidebar-wrapper .metismenu .parent-icon {
        min-width: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-wrapper .metismenu .menu-title {
        font-weight: 700;
        font-size: .93rem;
    }

    .sidebar-wrapper .metismenu .active-link {
        background: #111827 !important;
        color: #ffffff !important;
        box-shadow: 0 10px 20px rgba(17, 24, 39, .10);
    }

    .sidebar-wrapper .metismenu .active-link .parent-icon i,
    .sidebar-wrapper .metismenu .active-link .parent-icon ion-icon,
    .sidebar-wrapper .metismenu .active-link .menu-title {
        color: #ffffff !important;
    }

    .menu-badge-soft {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: .45rem;
        padding: .14rem .48rem;
        font-size: .70rem;
        font-weight: 800;
        border-radius: 999px;
        background: rgba(239, 68, 68, .12);
        color: #b91c1c;
        border: 1px solid rgba(239, 68, 68, .18);
        vertical-align: middle;
    }

    .top-header {
        background: rgba(255, 255, 255, .92);
        backdrop-filter: blur(8px);
        border-bottom: 1px solid #e5e7eb;
    }

    .top-header .navbar {
        min-height: 68px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .mobile-menu-button ion-icon,
    .toggle-icon ion-icon {
        font-size: 1.35rem;
        color: #111827;
    }

    .user-setting {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 6px 16px rgba(15, 23, 42, .05);
    }

    .user-setting .user-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .dropdown-menu {
        border: 0;
        border-radius: 18px;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .12);
        padding: .6rem;
    }

    .dropdown-item {
        border-radius: 12px;
        padding: .7rem .8rem;
    }

    .dropdown-item:hover {
        background: #f8fafc;
    }

    .dropdown-user-name {
        font-weight: 800;
        color: #111827;
    }

    .dropdown-user-designation {
        font-size: .78rem;
    }

    .menu-title-disabled {
        opacity: .65;
    }
</style>

<!--start sidebar -->
<aside class="sidebar-wrapper" data-simplebar="true">
    <div class="sidebar-header">
        <div>
            <img src="../../img/logo.png" class="logo-icon" alt="logo icon">
        </div>
        <div>
            <h4 class="logo-text">
                <a href="../inicio/inicio.php">Almacen</a>
            </h4>
        </div>
        <div class="toggle-icon ms-auto">
            <ion-icon name="menu-sharp"></ion-icon>
        </div>
    </div>

    <ul class="metismenu" id="menu">

        <li class="menu-label"><b class="text-tianzi-oscuro">Fabrica</b></li>

        <li>
            <a href="../empresa/empresa.php" class="<?= menu_link_active(['/empresa/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-code-branch text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Fabrica</div>
            </a>
        </li>

        <li class="menu-label"><b class="text-tianzi-oscuro">Contabilidad</b></li>

        <li>
            <a href="../pedido/pedido.php" class="<?= menu_link_active(['/pedido/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-file-lines text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Pedidos</div>
            </a>
        </li>

        <li>
            <a href="../compra/compra.php" class="<?= menu_link_active(['/compra/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-cart-shopping text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Compras</div>
            </a>
        </li>

        <li>
            <a href="../venta/venta.php" class="<?= menu_link_active(['/venta/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-truck-fast text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Ventas</div>
            </a>
        </li>

        <li>
            <a href="../novedad/novedad.php" class="<?= menu_link_active(['/novedad/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-arrow-alt-circle-right text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Novedad</div>
            </a>
        </li>


        <li class="menu-label"><b class="text-tianzi-oscuro">Cierres</b></li>

        <li>
            <a href="../cierre/cierre.php" class="<?= menu_link_active(['/cierre/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-file-zipper text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">
                    Despachado de mas
                    <?php if ($cierreExceso < 0): ?>
                        <span class="menu-badge-soft"><?= nf0(abs($cierreExceso)) ?></span>
                    <?php endif; ?>
                </div>
            </a>
        </li>

        <li>
            <a href="../cierre-pedido/cierre.php" class="<?= menu_link_active(['/cierre-pedido/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-file-zipper text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Saldar despacho</div>
            </a>
        </li>

        <li class="menu-label"><b class="text-tianzi-oscuro">Inventario</b></li>

        <li>
            <a href="../producto/producto.php" class="<?= menu_link_active(['/producto/producto.php']) ?>">
                <div class="parent-icon">
                    <i class="fab fa-product-hunt text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Productos</div>
            </a>
        </li>

        <li>
            <a href="../producto/inventario.php" class="<?= menu_link_active(['/producto/inventario.php']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-truck-ramp-box text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Inventario</div>
            </a>
        </li>

        <li class="menu-label"><b class="text-tianzi-oscuro">Registro</b></li>

        <li>
            <a href="../tercero/tercero.php" class="<?= menu_link_active(['/tercero/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-users text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Terceros</div>
            </a>
        </li>

        <li>
            <a href="../usuario/usuario.php" class="<?= menu_link_active(['/usuario/']) ?>">
                <div class="parent-icon">
                    <i class="fa-solid fa-user-plus text-tianzi-oscuro"></i>
                </div>
                <div class="menu-title">Usuarios</div>
            </a>
        </li>

    </ul>
</aside>
<!--end sidebar -->

<!--start top header-->
<header class="top-header">
    <nav class="navbar navbar-expand gap-3">
        <div class="mobile-menu-button">
            <ion-icon name="menu-sharp"></ion-icon>
        </div>

        <div class="top-navbar-right ms-auto">
            <ul class="navbar-nav align-items-center">
                <li class="nav-item dropdown dropdown-user-setting">
                    <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="javascript:;" data-bs-toggle="dropdown">
                        <div class="user-setting">
                            <img src="../../img/user.png" class="user-img" alt="">
                        </div>
                    </a>

                    <ul class="dropdown-menu dropdown-menu-end">
                        <li>
                            <a class="dropdown-item" href="javascript:void(0);">
                                <div class="d-flex flex-row align-items-center gap-2">
                                    <img src="../../img/user.png" alt="" class="rounded-circle" width="54" height="54">
                                    <div>
                                        <h6 class="mb-0 dropdown-user-name"><?= h($menuUsuarioNombre) ?></h6>
                                        <small class="mb-0 dropdown-user-designation text-secondary"><?= h($menuUsuarioRol) ?></small>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li><hr class="dropdown-divider"></li>

                        <li>
                            <a class="dropdown-item" href="../../script/login-salir.php">
                                <div class="d-flex align-items-center">
                                    <div><ion-icon name="log-out-outline"></ion-icon></div>
                                    <div class="ms-3"><span>Cerrar sesion</span></div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>
<!--end top header-->