<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title><?php echo $__env->yieldContent('title', 'Panel'); ?> · <?php echo e(config('app.name')); ?></title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link rel="stylesheet" href="<?php echo e(asset('css/app.css')); ?>">
</head>
<body>
<div class="overlay" onclick="document.body.classList.remove('sidebar-open')"></div>

<?php
    $u = auth()->user();
    $iniciales = collect(explode(' ', $u->name))->map(fn($p) => mb_substr($p,0,1))->take(2)->implode('');
    $alertasStock = \App\Models\Repuesto::whereColumn('stock', '<=', 'stock_minimo')->orderBy('stock')->take(6)->get();
    $alertasCount = \App\Models\Repuesto::whereColumn('stock', '<=', 'stock_minimo')->count();
?>


<aside class="sidebar">
    <div class="sidebar-brand">
        <div class="logo"><i class="fa-solid fa-car-on"></i></div>
        <div class="brand-text">
            <b>AutoTaller Pro</b>
            <span>Gestión de taller</span>
        </div>
    </div>
    <?php use \App\Support\Permisos; ?>
    <nav class="sidebar-nav">
        <div class="nav-section">Principal</div>
        <a href="<?php echo e(route('dashboard')); ?>" class="nav-item <?php echo e(request()->routeIs('dashboard') ? 'active' : ''); ?>">
            <i class="fa-solid fa-gauge-high"></i> Dashboard
        </a>

        <?php if(Permisos::puede('ordenes') || Permisos::puede('citas') || Permisos::puede('servicios')): ?>
            <div class="nav-section">Operaciones</div>
            <?php if(Permisos::puede('ordenes')): ?>
                <a href="<?php echo e(route('ordenes.index')); ?>" class="nav-item <?php echo e(request()->routeIs('ordenes.*') ? 'active' : ''); ?>"><i class="fa-solid fa-clipboard-list"></i> Órdenes de servicio</a>
            <?php endif; ?>
            <?php if(Permisos::puede('citas')): ?>
                <a href="<?php echo e(route('citas.index')); ?>" class="nav-item <?php echo e(request()->routeIs('citas.*') ? 'active' : ''); ?>"><i class="fa-solid fa-calendar-check"></i> Citas / Agenda</a>
            <?php endif; ?>
            <?php if(Permisos::puede('servicios')): ?>
                <a href="<?php echo e(route('servicios.index')); ?>" class="nav-item <?php echo e(request()->routeIs('servicios.*') ? 'active' : ''); ?>"><i class="fa-solid fa-screwdriver-wrench"></i> Servicios</a>
            <?php endif; ?>
        <?php endif; ?>

        <?php if(Permisos::puede('clientes') || Permisos::puede('vehiculos')): ?>
            <div class="nav-section">Clientes</div>
            <?php if(Permisos::puede('clientes')): ?>
                <a href="<?php echo e(route('clientes.index')); ?>" class="nav-item <?php echo e(request()->routeIs('clientes.*') ? 'active' : ''); ?>"><i class="fa-solid fa-users"></i> Clientes</a>
            <?php endif; ?>
            <?php if(Permisos::puede('vehiculos')): ?>
                <a href="<?php echo e(route('vehiculos.index')); ?>" class="nav-item <?php echo e(request()->routeIs('vehiculos.*') ? 'active' : ''); ?>"><i class="fa-solid fa-car"></i> Vehículos</a>
            <?php endif; ?>
        <?php endif; ?>

        <?php if(Permisos::puede('repuestos') || Permisos::puede('proveedores') || Permisos::puede('compras')): ?>
            <div class="nav-section">Inventario</div>
            <?php if(Permisos::puede('repuestos')): ?>
                <a href="<?php echo e(route('repuestos.index')); ?>" class="nav-item <?php echo e(request()->routeIs('repuestos.*') ? 'active' : ''); ?>"><i class="fa-solid fa-boxes-stacked"></i> Repuestos</a>
            <?php endif; ?>
            <?php if(Permisos::puede('proveedores')): ?>
                <a href="<?php echo e(route('proveedores.index')); ?>" class="nav-item <?php echo e(request()->routeIs('proveedores.*') ? 'active' : ''); ?>"><i class="fa-solid fa-truck-field"></i> Proveedores</a>
            <?php endif; ?>
            <?php if(Permisos::puede('compras')): ?>
                <a href="<?php echo e(route('compras.index')); ?>" class="nav-item <?php echo e(request()->routeIs('compras.*') ? 'active' : ''); ?>"><i class="fa-solid fa-cart-shopping"></i> Compras</a>
            <?php endif; ?>
        <?php endif; ?>

        <?php if(Permisos::puede('facturacion') || Permisos::puede('caja')): ?>
            <div class="nav-section">Finanzas</div>
            <?php if(Permisos::puede('facturacion')): ?>
                <a href="<?php echo e(route('facturacion.index')); ?>" class="nav-item <?php echo e(request()->routeIs('facturacion.*') ? 'active' : ''); ?>"><i class="fa-solid fa-file-invoice-dollar"></i> Facturación</a>
            <?php endif; ?>
            <?php if(Permisos::puede('caja')): ?>
                <a href="<?php echo e(route('caja.index')); ?>" class="nav-item <?php echo e(request()->routeIs('caja.*') ? 'active' : ''); ?>"><i class="fa-solid fa-cash-register"></i> Caja y pagos</a>
            <?php endif; ?>
        <?php endif; ?>

        <?php if(Permisos::puede('personal') || Permisos::puede('reportes') || Permisos::puede('configuracion')): ?>
            <div class="nav-section">Administración</div>
            <?php if(Permisos::puede('personal')): ?>
                <a href="<?php echo e(route('personal.index')); ?>" class="nav-item <?php echo e(request()->routeIs('personal.*') ? 'active' : ''); ?>"><i class="fa-solid fa-user-gear"></i> Personal</a>
            <?php endif; ?>
            <?php if(Permisos::puede('reportes')): ?>
                <a href="<?php echo e(route('reportes.index')); ?>" class="nav-item <?php echo e(request()->routeIs('reportes.*') ? 'active' : ''); ?>"><i class="fa-solid fa-chart-line"></i> Reportes</a>
            <?php endif; ?>
            <?php if(Permisos::puede('configuracion')): ?>
                <a href="<?php echo e(route('configuracion.index')); ?>" class="nav-item <?php echo e(request()->routeIs('configuracion.*') ? 'active' : ''); ?>"><i class="fa-solid fa-gear"></i> Configuración</a>
            <?php endif; ?>
        <?php endif; ?>
    </nav>
</aside>


<div class="main">
    <header class="topbar">
        <button class="menu-toggle" onclick="document.body.classList.toggle('sidebar-open')"><i class="fa-solid fa-bars"></i></button>
        <div class="search">
            <i class="fa-solid fa-magnifying-glass"></i>
            <input type="text" placeholder="Buscar órdenes, clientes, placas...">
        </div>
        <div class="topbar-right">
            <div class="dropdown">
                <button type="button" class="topbar-icon" title="Alertas de stock" onclick="toggleDrop('dropStock')">
                    <i class="fa-regular fa-bell"></i>
                    <?php if($alertasCount > 0): ?><span class="count-badge"><?php echo e($alertasCount > 9 ? '9+' : $alertasCount); ?></span><?php endif; ?>
                </button>
                <div class="dropdown-menu" id="dropStock">
                    <div class="dd-head">Alertas de stock bajo</div>
                    <?php $__empty_1 = true; $__currentLoopData = $alertasStock; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $r): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <a href="<?php echo e(\App\Support\Permisos::puede('repuestos') ? route('repuestos.index') : '#'); ?>" class="dd-item">
                            <div class="mini-avatar bg-rose" style="width:30px;height:30px;font-size:11px;"><i class="fa-solid fa-box"></i></div>
                            <div style="flex:1;">
                                <div style="font-weight:600; font-size:13px;"><?php echo e($r->nombre); ?></div>
                                <div class="cell-muted" style="font-size:11.5px;">Quedan <?php echo e($r->stock); ?> · mínimo <?php echo e($r->stock_minimo); ?></div>
                            </div>
                        </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <div class="dd-empty">Todo el stock está en orden 👍</div>
                    <?php endif; ?>
                </div>
            </div>
            <a href="<?php echo e(route('perfil.index')); ?>" class="topbar-icon" title="Mi perfil"><i class="fa-regular fa-user"></i></a>
            <div class="dropdown">
                <button type="button" class="user-chip" onclick="toggleDrop('dropUser')" style="border:none; background:none;">
                    <div class="avatar"><?php echo e(strtoupper($iniciales)); ?></div>
                    <div style="text-align:left;">
                        <div class="u-name"><?php echo e($u->name); ?></div>
                        <div class="u-role"><?php echo e(\App\Support\Permisos::rolLabel($u->rol)); ?></div>
                    </div>
                    <i class="fa-solid fa-chevron-down" style="font-size:11px; color:var(--text-muted);"></i>
                </button>
                <div class="dropdown-menu" id="dropUser" style="right:0;">
                    <a href="<?php echo e(route('perfil.index')); ?>" class="dd-item"><i class="fa-solid fa-user" style="width:18px;"></i> Mi perfil</a>
                    <?php if(\App\Support\Permisos::puede('configuracion')): ?>
                        <a href="<?php echo e(route('configuracion.index')); ?>" class="dd-item"><i class="fa-solid fa-gear" style="width:18px;"></i> Configuración</a>
                    <?php endif; ?>
                    <form method="POST" action="<?php echo e(route('logout')); ?>">
                        <?php echo csrf_field(); ?>
                        <button type="submit" class="dd-item" style="width:100%; border:none; background:none; cursor:pointer; color:var(--danger);"><i class="fa-solid fa-right-from-bracket" style="width:18px;"></i> Cerrar sesión</button>
                    </form>
                </div>
            </div>
        </div>
    </header>

    <main class="content">
        <?php if(session('ok')): ?>
            <div class="alert-flash"><i class="fa-solid fa-circle-check"></i> <?php echo e(session('ok')); ?></div>
        <?php endif; ?>
        <?php echo $__env->yieldContent('content'); ?>
    </main>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script>
<script>
    function toggleDrop(id) {
        const el = document.getElementById(id);
        const abierto = el.classList.contains('open');
        document.querySelectorAll('.dropdown-menu.open').forEach(m => m.classList.remove('open'));
        if (!abierto) el.classList.add('open');
    }
    document.addEventListener('click', (e) => {
        if (!e.target.closest('.dropdown')) {
            document.querySelectorAll('.dropdown-menu.open').forEach(m => m.classList.remove('open'));
        }
    });
</script>
<?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html>
<?php /**PATH C:\SAAS\saas_taller-automotriz\resources\views/layouts/app.blade.php ENDPATH**/ ?>