@php
    $groupDashboard = request()->routeIs('mes.dashboard', 'mes.ov', 'mes.work-orders', 'mes.control-tower');
    $groupProduccion = request()->routeIs('mes.yarn-warehouse', 'mes.looms', 'mes.partidas', 'mes.greige-warehouse', 'mes.process-floor', 'mes.tracking', 'mes.roll-cutting', 'mes.plan-cortes', 'mes.weaving-floor', 'mes.weaving-bonus');
    $groupTintoreria = request()->routeIs('planning.dyehouse', 'planning.dye-machines', 'dyehouse.curves', 'dyehouse.recipes*', 'planning.color-management');
    $groupQuimicos = request()->routeIs('planning.dyestuffs', 'planning.dyestuff-lots', 'planning.chemical-requisitions', 'planning.weighing-room*', 'imports.chemicals');
    $groupQC = request()->routeIs('mes.roll-inspection', 'planning.qc-measurement', 'mes.physical-tests', 'mes.quality-analytics');
    $groupTrazabilidad = request()->routeIs('mes.roll-traceability', 'mes.packing');
    $groupFMS = request()->routeIs('fms.*');
    $groupMant = request()->routeIs('maintenance.*', 'imports.equipment');
    $groupReportes = request()->routeIs('planning.reports', 'planning.compliance', 'mes.production-analytics', 'mes.articles', 'mes.proceso-catalog', 'planning.settings');
@endphp

<nav class="sidebar" id="sidebar">
    {{-- Brand --}}
    <div class="sidebar-brand" style="display: flex; align-items: center; gap: 0.75rem;">
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="url(#brand-grad)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <defs>
                <linearGradient id="brand-grad" x1="0%" y1="0%" x2="100%" y2="100%">
                    <stop offset="0%" stop-color="#93c5fd" />
                    <stop offset="100%" stop-color="#3b82f6" />
                </linearGradient>
            </defs>
            <path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"></path>
        </svg>
        <span style="color: #fff; font-weight: 800; font-size: 1.25rem; letter-spacing: 0.02em;">SUMMIT<span style="color: #93c5fd;">EX</span></span>
    </div>

    {{-- Dashboard & Planning --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupDashboard ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">🏠</span> Dashboard & Plan</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('mes.dashboard') ? 'active' : '' }}" href="{{ route('mes.dashboard') }}">
                Dashboard MES
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.ov') ? 'active' : '' }}" href="{{ route('mes.ov') ?? '#' }}">
                Órdenes de Venta
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.work-orders') ? 'active' : '' }}" href="{{ route('mes.work-orders') }}">
                Work Orders
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.control-tower') ? 'active' : '' }}" href="{{ route('mes.control-tower') }}">
                Control Tower T&A
            </a>
        </div>
    </div>

    {{-- Producción & Greige --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupProduccion ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">🏭</span> Producción</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('mes.yarn-warehouse') ? 'active' : '' }}" href="{{ route('mes.yarn-warehouse') }}">
                Almacén Hilo
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.looms', 'mes.roll-cutting', 'mes.plan-cortes') ? 'active' : '' }}" href="{{ route('mes.looms') }}">
                Plan Telares
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.weaving-floor') ? 'active' : '' }}" href="{{ route('mes.weaving-floor') }}">
                Piso Tejeduría
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.weaving-bonus') ? 'active' : '' }}" href="{{ route('mes.weaving-bonus') }}">
                Bonos Tejeduría
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.partidas') ? 'active' : '' }}" href="{{ route('mes.partidas') }}">
                Partidas
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.greige-warehouse') ? 'active' : '' }}" href="{{ route('mes.greige-warehouse') }}">
                Almacén Greige
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.process-floor') ? 'active' : '' }}" href="{{ route('mes.process-floor') }}">
                Ejecución Procesos
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.tracking') ? 'active' : '' }}" href="{{ route('mes.tracking') }}">
                Seguimiento Procesos
            </a>
        </div>
    </div>

    {{-- Tintorería & Color --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupTintoreria ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">⚗️</span> Tintorería</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('planning.dyehouse') ? 'active' : '' }}" href="{{ route('planning.dyehouse') }}">
                Planning Board
            </a>
            <a class="sidebar-link {{ request()->routeIs('planning.dye-machines') ? 'active' : '' }}" href="{{ route('planning.dye-machines') }}">
                Máquinas
            </a>
            <a class="sidebar-link {{ request()->routeIs('dyehouse.curves') ? 'active' : '' }}" href="{{ route('dyehouse.curves') }}">
                Curvas de Teñido
            </a>
            <a class="sidebar-link {{ request()->routeIs('dyehouse.recipes*') ? 'active' : '' }}" href="{{ route('dyehouse.recipes') }}">
                Recetas Producción
            </a>
            <a class="sidebar-link {{ request()->routeIs('planning.color-management') ? 'active' : '' }}" href="{{ route('planning.color-management') }}">
                Color Management
            </a>
        </div>
    </div>

    {{-- Químicos & Pesaje --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupQuimicos ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">🧪</span> Químicos & Pesaje</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('planning.dyestuffs') ? 'active' : '' }}" href="{{ route('planning.dyestuffs') }}">
                Catálogo Químicos
            </a>
            <a class="sidebar-link {{ request()->routeIs('planning.dyestuff-lots') ? 'active' : '' }}" href="{{ route('planning.dyestuff-lots') }}">
                Inventario Lotes
            </a>
            <a class="sidebar-link {{ request()->routeIs('planning.chemical-requisitions') ? 'active' : '' }}" href="{{ route('planning.chemical-requisitions') }}">
                Requisiciones
            </a>
            <a class="sidebar-link {{ request()->routeIs('planning.weighing-room*') ? 'active' : '' }}" href="{{ route('planning.weighing-room') }}">
                Sala de Pesaje
            </a>
            <a class="sidebar-link {{ request()->routeIs('imports.chemicals') ? 'active' : '' }}" href="{{ route('imports.chemicals') }}">
                Importación Químicos
            </a>
        </div>
    </div>

    {{-- Control Calidad (QC) --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupQC ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">🔍</span> Control Calidad</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('mes.roll-inspection') ? 'active' : '' }}" href="{{ route('mes.roll-inspection') }}">
                Inspección 4 Puntos
            </a>
            <a class="sidebar-link {{ request()->routeIs('planning.qc-measurement') ? 'active' : '' }}" href="{{ route('planning.qc-measurement') }}">
                Color ΔE
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.physical-tests') ? 'active' : '' }}" href="{{ route('mes.physical-tests') }}">
                Pruebas Físicas
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.quality-analytics') ? 'active' : '' }}" href="{{ route('mes.quality-analytics') }}">
                Lean Six Sigma
            </a>
        </div>
    </div>

    {{-- Trazabilidad & Empaque --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupTrazabilidad ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">📦</span> Trazabilidad</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('mes.roll-traceability') ? 'active' : '' }}" href="{{ route('mes.roll-traceability') }}">
                Gestión de Rollos
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.packing') ? 'active' : '' }}" href="{{ route('mes.packing') }}">
                Packing & Verificación
            </a>
        </div>
    </div>

    {{-- Fabric Management --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupFMS ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">🧵</span> Fabric Mgmt</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('fms.articles*') ? 'active' : '' }}" href="{{ route('fms.articles') }}">
                Articles (CS)
            </a>
            <a class="sidebar-link {{ request()->routeIs('fms.constructions*') ? 'active' : '' }}" href="{{ route('fms.constructions') }}">
                Constructions (TS)
            </a>
            <a class="sidebar-link {{ request()->routeIs('fms.yarns*') ? 'active' : '' }}" href="{{ route('fms.yarns') }}">
                Yarns
            </a>
            <a class="sidebar-link {{ request()->routeIs('fms.machines*') ? 'active' : '' }}" href="{{ route('fms.machines') }}">
                Machines
            </a>
            <a class="sidebar-link {{ request()->routeIs('fms.fichas-tecnicas*') ? 'active' : '' }}" href="{{ route('fms.fichas-tecnicas') ?? '#' }}">
                Fichas Técnicas
            </a>
        </div>
    </div>

    {{-- Mantenimiento --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupMant ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">🔧</span> Mantenimiento</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('maintenance.dashboard') ? 'active' : '' }}" href="{{ route('maintenance.dashboard') }}">
                Dashboard
            </a>
            <a class="sidebar-link {{ request()->routeIs('maintenance.equipment') ? 'active' : '' }}" href="{{ route('maintenance.equipment') }}">
                Inventario Equipos
            </a>
            <a class="sidebar-link {{ request()->routeIs('imports.equipment') ? 'active' : '' }}" href="{{ route('imports.equipment') }}">
                Importación Equipos
            </a>
            <a class="sidebar-link {{ request()->routeIs('maintenance.spare-parts') ? 'active' : '' }}" href="{{ route('maintenance.spare-parts') }}">
                Repuestos
            </a>
            <a class="sidebar-link {{ request()->routeIs('maintenance.plans') ? 'active' : '' }}" href="{{ route('maintenance.plans') }}">
                Planes PM
            </a>
            <a class="sidebar-link {{ request()->routeIs('maintenance.work-orders') ? 'active' : '' }}" href="{{ route('maintenance.work-orders') }}">
                Órdenes Trabajo
            </a>
        </div>
    </div>

    {{-- Reportes & Config --}}
    <div class="sidebar-section" x-data="{ open: {{ $groupReportes ? 'true' : 'false' }} }">
        <button class="sidebar-group-btn" :class="{ 'open': open }" @click="open = !open">
            <span class="group-title"><span class="icon">⚙️</span> Reportes & Config</span>
            <span class="chevron">▶</span>
        </button>
        <div class="sidebar-links" x-show="open" x-collapse x-cloak>
            <a class="sidebar-link {{ request()->routeIs('planning.reports') ? 'active' : '' }}" href="{{ route('planning.reports') }}">
                Reportes Tintorería
            </a>
            <a class="sidebar-link {{ request()->routeIs('planning.compliance') ? 'active' : '' }}" href="{{ route('planning.compliance') }}">
                Compliance Químicos
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.production-analytics') ? 'active' : '' }}" href="{{ route('mes.production-analytics') }}">
                Análisis ToC / OEE
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.articles') ? 'active' : '' }}" href="{{ route('mes.articles') }}">
                Catálogo Artículos
            </a>
            <a class="sidebar-link {{ request()->routeIs('mes.proceso-catalog') ? 'active' : '' }}" href="{{ route('mes.proceso-catalog') }}">
                Catálogo Procesos
            </a>
            <a class="sidebar-link {{ request()->routeIs('planning.settings') ? 'active' : '' }}" href="{{ route('planning.settings') }}">
                Ajustes Planning
            </a>
        </div>
    </div>

    {{-- Footer --}}
    <div class="sidebar-footer">
        <div style="margin-bottom:.35rem; font-weight: 600;">
            <span>{{ Auth::user()->name ?? 'Usuario' }}</span>
        </div>
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <a href="{{ route('logout') }}"
               onclick="event.preventDefault(); this.closest('form').submit();">
                Cerrar sesión
            </a>
            &nbsp;·&nbsp;
            <span style="color: rgba(255,255,255,0.3);">v2.0</span>
        </form>
    </div>
</nav>