@if(!Auth::user()->hasRole('Producción Piezas'))
        <li class=" {{ Request::is('home*') ? 'active-page' : '' }} ">
            <a href="{{ url('/home') }}" class=" {{ Request::is('home*') ? 'active' : '' }}"><i class="material-icons-outlined">dashboard</i>Dashboard</a>
        </li>
    @endif
    
    @can('users.index')
        <li class="sidebar-title">
            Administración
        </li>
    @endcan

    @can('users.index')
        <li class=" {{ Request::is('users*') ? 'active-page' : '' }} ">
            <a href="{{ route('users.index') }}" class=" {{ Request::is('users*') ? 'active' : '' }}">
                <img src=" {{ Request::is('users*') ? asset('assets/iconos/Usuarios-activo.png') : asset('assets/iconos/Usuarios.png') }} " alt="usuarios" style="height: 20px;">
                Usuarios
            </a>
        </li>
    @endcan

    @can('profiles.index')
        <li class=" {{ Request::is('profiles*') ? 'active-page' : '' }} ">
            <a href="{{ route('profiles.index') }}" class=" {{ Request::is('profiles*') ? 'active' : '' }}">
                <img src=" {{ Request::is('profiles*') ? asset('assets/iconos/Perfiles-activo.png') : asset('assets/iconos/Perfiles.png') }} " alt="Perfiles" style="height: 20px;">
                Perfiles
            </a>
        </li>
    @endcan 

    @can('users.index')
        <li class="sidebar-title">
            Inventarios
        </li>
    @endcan

    @can('inventarios.index')
        <li class="{{ Request::is('inventarios*') ? 'active-page' : '' }} "">
            <a href="#" style="color: #424240 !important;">
                <img src=" {{ Request::is('inventarios*') ? asset('assets/iconos/Inventarios-activo.png') : asset('assets/iconos/Inventarios.png') }} " alt="Inventarios" style="height: 20px;">
                Inventarios<i class="material-icons has-sub-menu">add</i></a>
            <ul class="sub-menu" style="display: none;">
                {{-- <li>
                    <a href="{{ route('inventories') }}" class=" {{ Request::is('customers*') ? 'active' : '' }}">Clientes</a>
                </li> --}}
                <li> 
                    <a href="{{ route('inventories.products') }}">Productos terminados</a>
                </li>
                <li> 
                    <a href="{{ route('inventories.materirasPrimasGeneral') }}">MP General</a>
                </li>
                <li> 
                    <a href="{{ route('inventories.materirasPrimasLogistica') }}">MP Logistica</a>
                </li>
                <li> 
                    <a href="{{ route('inventories.materirasPrimasProduccion') }}">MP Producción</a>
                </li>
                {{-- <li>
                    <a href="{{ route('inventories') }}">Componentes</a>
                </li> --}}
            </ul>
        </li>
    @endcan

    @can('users.index')
        <li class="sidebar-title">
            Logistica
        </li>
    @endcan
{{-- 
    @can('customer.title')
        <li class="{{ Request::is('customers*') ? 'active-page' : (Request::is('releases_customers*') ? ('active-page') : ('') )}} ">
            <a href="#" style="color: #424240 !important;">
                <img src=" {{ Request::is('customers*') ? asset('assets/iconos/Clientes-activo.png') : asset('assets/iconos/Clientes.png') }} " alt="Clientes" style="height: 20px;">
                Clientes<i class="material-icons has-sub-menu">add</i></a>
            <ul class="sub-menu" style="display: none;">
                @can('customers.index')
                    <li class=" {{ Request::is('customers*') ? 'active-page' : '' }} ">
                        <a href="{{ route('customers.index') }}" class=" {{ Request::is('customers*') ? 'active' : '' }}">
                            <img src=" {{ Request::is('customers*') ? asset('assets/iconos/Clientes-activo.png') : asset('assets/iconos/Clientes.png') }} " alt="Clientes" style="height: 20px;">
                            Listado Clientes</a>
                    </li>
                @endcan 
                
                @can('releases_customers.index')
                    <li class=" {{ Request::is('releases_customers*') ? 'active-page' : '' }} ">
                        <a href="{{ route('releases_customers.index') }}" class=" {{ Request::is('releases_customers*') ? 'active' : '' }}"><i class="material-icons-outlined">dashboard</i>Releases Clientes</a>
                    </li>
                @endcan 

                @can('releases_customers.index')
                    <li class=" {{ Request::is('releases_customers*') ? 'active-page' : '' }} ">
                        <a href="{{ route('customers.ptMrp') }}" class=" {{ Request::is('releases_customers*') ? 'active' : '' }}"><i class="material-icons-outlined">dashboard</i>Tabla PT MRP</a>
                    </li>
                @endcan 
            </ul>
        </li>
    @endcan  --}}

    @can('customers.index')
        <li class=" {{ Request::is('customers*') ? 'active-page' : '' }} ">
            <a href="{{ route('customers.index') }}" class=" {{ Request::is('customers*') ? 'active' : '' }}">
                <img src=" {{ Request::is('customers*') ? asset('assets/iconos/Clientes-activo.png') : asset('assets/iconos/Clientes.png') }} " alt="Clientes" style="height: 20px;">
                Listado Clientes</a>
        </li>
    @endcan 

    @can('releases_customers.index')
        <li class=" {{ Request::is('releases_customers*') ? 'active-page' : '' }} ">
            <a href="{{ route('releases_customers.index') }}" class=" {{ Request::is('releases_customers*') ? 'active' : '' }}"><i class="material-icons-outlined">dashboard</i>Releases Clientes</a>
        </li>
    @endcan 

    @can('releases_customers.index')
        <li class=" {{ Request::is('releases_customers*') ? 'active-page' : '' }} ">
            <a href="{{ route('customers.ptMrp') }}" class=" {{ Request::is('releases_customers*') ? 'active' : '' }}"><i class="material-icons-outlined">dashboard</i>Tabla PT MRP</a>
        </li>
    @endcan 

    @can('products.index')
        <li class=" {{ Request::is('products*') ? 'active-page' : '' }} ">
            <a href="{{ route('products.index') }}" class=" {{ Request::is('products*') ? 'active' : '' }}">
                <img src=" {{ Request::is('products*') ? asset('assets/iconos/Materiales-activo.png') : asset('assets/iconos/Materiales.png') }} " alt="Materiales" style="height: 20px;">
                Productos</a>
        </li>
    @endcan

    @can('boms.index')
        <li class=" {{ Request::is('boms*') ? 'active-page' : '' }} ">
            <a href="{{ route('boms.index') }}" class=" {{ Request::is('boms*') ? 'active' : '' }}">
                <img src=" {{ Request::is('boms*') ? asset('assets/iconos/Estructuras_BOM-activo.png') : asset('assets/iconos/Estructuras_BOM.png') }} " alt="Estructuras_BOM" style="height: 20px;">
                Boms</a>
        </li>
    @endcan

    @can('rowMaterials.index')
        <li class=" {{ Request::is('rowMaterials*') ? 'active-page' : '' }} ">
            <a href="{{ route('rowMaterials.index') }}" class=" {{ Request::is('rowMaterials*') ? 'active' : '' }}">
                <img src=" {{ Request::is('rowMaterials*') ? asset('assets/iconos/Materiales-activo.png') : asset('assets/iconos/Materiales.png') }} " alt="Materiales" style="height: 20px;">
                Materias Primas</a>
        </li>
    @endcan



    @can('suppliers.index')
    <li class=" {{ Request::is('suppliers*') ? 'active-page' : '' }} ">
        <a href="{{ route('suppliers.index') }}" class=" {{ Request::is('suppliers*') ? 'active' : '' }}">
            <img src=" {{ Request::is('suppliers*') ? asset('assets/iconos/Proveedores-activo.png') : asset('assets/iconos/Proveedores.png') }} " alt="Proveedores" style="height: 20px;">
            Listado Proveedores
        </a>
    </li>
@endcan

@can('supplierReleases.index')
    <li class=" {{ Request::is('supplierReleases*') ? 'active-page' : '' }} ">
        <a href="{{ route('supplierReleases.index') }}" class=" {{ Request::is('supplierReleases*') ? 'active' : '' }}">
            <img src=" {{ Request::is('supplierReleases*') ? asset('assets/iconos/Pedidos-activo.png') : asset('assets/iconos/Pedidos.png') }} " alt="Pedidos" style="height: 20px;">
            Pedidos Proveedores
        </a>
    </li>
@endcan

@can('supplierReleases.index')
    <li class=" {{ Request::is('evaluation_suppliers*') ? 'active-page' : '' }} ">
        <a href="{{ route('suppliers.evaluations') }}" class=" {{ Request::is('suppliers*') ? 'active' : '' }}">
            {{-- <img src=" {{ Request::is('supplierReleases*') ? asset('assets/iconos/Pedidos-activo.png') : asset('assets/iconos/Pedidos.png') }} " alt="Pedidos" style="height: 20px;"> --}}
            Evaluación Proveedores
        </a>
    </li>
@endcan

@can('suppliers.index')
    <li class=" {{ Request::is('suppliers*') ? 'active-page' : '' }} ">
        <a href="{{ route('suppliers.mpMrp') }}" class=" {{ Request::is('suppliers*') ? 'active' : '' }}">
            <img src=" {{ Request::is('suppliers*') ? asset('assets/iconos/Proveedores-activo.png') : asset('assets/iconos/Proveedores.png') }} " alt="Proveedores" style="height: 20px;">
            MP MRP
        </a>
    </li>
@endcan

@can('suppliers.index')
    <li class=" {{ Request::is('suppliersReleasesEvaluations*') ? 'active-page' : '' }} ">
        <a href="{{ route('suppliersReleasesEvaluations.index') }}" class=" {{ Request::is('suppliersReleasesEvaluations*') ? 'active' : '' }}">
            <img src=" {{ Request::is('suppliersReleasesEvaluations*') ? asset('assets/iconos/Proveedores-activo.png') : asset('assets/iconos/Proveedores.png') }} " alt="Proveedores" style="height: 20px;">
            Recibos
        </a>
    </li>
@endcan


{{-- 
    @can('supplier.title')
        <li class="{{ Request::is('suppliers*') ? 'active-page' : (Request::is('releases_customers*') ? ('active-page') : ('') )}} ">
            <a href="#" style="color: #424240 !important;">
                <img src=" {{ Request::is('customers*') ? asset('assets/iconos/Proveedores-activo.png') : asset('assets/iconos/Clientes.png') }} " alt="Clientes" style="height: 20px;">
                    Proveedores
                <i class="material-icons has-sub-menu">add</i>
            </a>
            <ul class="sub-menu" style="display: none;">

                @can('suppliers.index')
                    <li class=" {{ Request::is('suppliers*') ? 'active-page' : '' }} ">
                        <a href="{{ route('suppliers.index') }}" class=" {{ Request::is('suppliers*') ? 'active' : '' }}">
                            <img src=" {{ Request::is('suppliers*') ? asset('assets/iconos/Proveedores-activo.png') : asset('assets/iconos/Proveedores.png') }} " alt="Proveedores" style="height: 20px;">
                            Listado Proveedores
                        </a>
                    </li>
                @endcan
                
                @can('supplierReleases.index')
                    <li class=" {{ Request::is('supplierReleases*') ? 'active-page' : '' }} ">
                        <a href="{{ route('supplierReleases.index') }}" class=" {{ Request::is('supplierReleases*') ? 'active' : '' }}">
                            <img src=" {{ Request::is('supplierReleases*') ? asset('assets/iconos/Pedidos-activo.png') : asset('assets/iconos/Pedidos.png') }} " alt="Pedidos" style="height: 20px;">
                            Pedidos Proveedores
                        </a>
                    </li>
                @endcan

                @can('supplierReleases.index')
                    <li class=" {{ Request::is('evaluation_suppliers*') ? 'active-page' : '' }} ">
                        <a href="{{ route('suppliers.evaluations') }}" class=" {{ Request::is('suppliers*') ? 'active' : '' }}">
                            {{-- <img src=" {{ Request::is('supplierReleases*') ? asset('assets/iconos/Pedidos-activo.png') : asset('assets/iconos/Pedidos.png') }} " alt="Pedidos" style="height: 20px;"> --}}
                            {{-- Evaluación Proveedores
                        </a>
                    </li>
                @endcan

                @can('suppliers.index')
                    <li class=" {{ Request::is('suppliers*') ? 'active-page' : '' }} ">
                        <a href="{{ route('suppliers.mpMrp') }}" class=" {{ Request::is('suppliers*') ? 'active' : '' }}">
                            <img src=" {{ Request::is('suppliers*') ? asset('assets/iconos/Proveedores-activo.png') : asset('assets/iconos/Proveedores.png') }} " alt="Proveedores" style="height: 20px;">
                            MP MRP
                        </a>
                    </li>
                @endcan

                @can('suppliers.index')
                    <li class=" {{ Request::is('suppliersReleasesEvaluations*') ? 'active-page' : '' }} ">
                        <a href="{{ route('suppliersReleasesEvaluations.index') }}" class=" {{ Request::is('suppliersReleasesEvaluations*') ? 'active' : '' }}">
                            <img src=" {{ Request::is('suppliersReleasesEvaluations*') ? asset('assets/iconos/Proveedores-activo.png') : asset('assets/iconos/Proveedores.png') }} " alt="Proveedores" style="height: 20px;">
                            Recibos
                        </a>
                    </li>
                @endcan

            </ul>
        </li>
    @endcan --}}

    @can('shipments.index')
        <li class=" {{ Request::is('shipments*') ? 'active-page' : '' }} ">
            <a href="{{ route('shipments.index') }}" class=" {{ Request::is('shipments*') ? 'active' : '' }}">
                <img src=" {{ Request::is('shipments*') ? asset('assets/iconos/Embarques-activo.png') : asset('assets/iconos/Embarques.png') }} " alt="Embarques" style="height: 20px;">
                Embarques
            </a>
        </li>
    @endcan 

    @can('users.index')
        <li class="sidebar-title">
            Producción
        </li>
    @endcan
    
    @can('devices.index')
        <li class=" {{ Request::is('devices*') ? 'active-page' : '' }} ">
            <a href="{{ route('devices.index') }}" class=" {{ Request::is('devices*') ? 'active' : '' }}">
                <img src=" {{ Request::is('devices*') ? asset('assets/iconos/Dispositivos-activo.png') : asset('assets/iconos/Dispositivos.png') }} " alt="Dispositivos" style="height: 20px;">
                Dispositivos
            </a>
        </li>
    @endcan
    
    @can('productProductions.index')
    <li class=" {{ Request::is('productProductions*') ? 'active-page' : '' }} ">
        <a href="{{ route('productProductions.index') }}" class=" {{ Request::is('productProductions*') ? 'active' : '' }}">
            <img src=" {{ Request::is('productProductions*') ? asset('assets/iconos/Produccion-activo.png') : asset('assets/iconos/Produccion.png') }} " alt="Produccion" style="height: 20px;">
            Gestión de producción
        </a>
    </li>
    @endcan



    @can('productProductions.index')
        @if(!Auth::user()->hasRole('Producción Piezas'))
            <li class=" {{ Request::is('productProductions*') ? 'active-page' : '' }} ">
                <a href="{{ route('customers.ptMrp') }}" class=" {{ Request::is('productProductions*') ? 'active' : '' }}">
                    <img src=" {{ Request::is('productProductions*') ? asset('assets/iconos/Produccion-activo.png') : asset('assets/iconos/Produccion.png') }} " alt="Produccion" style="height: 20px;">
                Proyección Producción
                </a>
            </li>
        @endif
    @endcan

    @can('users.index')
        <li class="sidebar-title">
            Calidad
        </li>
    @endcan

    @can('production-management.index')
        <li class=" {{ Request::is('production-management*') ? 'active-page' : '' }} ">
            <a href="{{ url('production-management') }}" class=" {{ Request::is('production-management*') ? 'active' : '' }}">
                <img src=" {{ Request::is('production-management*') ? asset('assets/iconos/Produccion-activo.png') : asset('assets/iconos/Produccion.png') }} " alt="Produccion" style="height: 20px;">
                Gestión de Calidad</a>
        </li>
    @endcan

    @can('projects.index')
        <li class=" {{ Request::is('projects*') ? 'active-page' : '' }} ">
            <a href="{{ route('projects.index') }}" class=" {{ Request::is('projects*') ? 'active' : '' }}">
                <img src=" {{ Request::is('projects*') ? asset('assets/iconos/proyectos-activo.png') : asset('assets/iconos/proyectos.png') }} " alt="proyectos" style="height: 20px;">
                Proyectos</a>
        </li>
    @endcan

    @can('users.index')
        <li class="sidebar-title">
            Ingenieria
        </li>
    @endcan

    @can('controlDevices.index')
        <li class=" {{ Request::is('controlDevices*') ? 'active-page' : '' }} ">
            <a href="{{ route('controlDevices.index') }}" class=" {{ Request::is('controlDevices*') ? 'active' : '' }}">
                <img src=" {{ Request::is('controlDevices*') ? asset('assets/iconos/dispositivos-control-activo.png') : asset('assets/iconos/dispositivos-control.png') }} " alt="dispositivos-control" style="height: 20px;">
                Dispositivos de control
            </a>
            
        </li>
    @endcan

    @can('instruments.index')
        <li class=" {{ Request::is('instruments*') ? 'active-page' : '' }} ">
            <a href="{{ route('instruments.index') }}" class=" {{ Request::is('instruments*') ? 'active' : '' }}">
                <img src=" {{ Request::is('instruments*') ? asset('assets/iconos/instr-medicion-activo.png') : asset('assets/iconos/instr-medicion.png') }} " alt="instr-medicion" style="height: 20px;">
                Instrumentos de medición
            </a>
        </li>
    @endcan

    @can('areas.index')
        <li class=" {{ Request::is('areas*') ? 'active-page' : '' }} ">
            <a href="{{ route('areas.index') }}" class=" {{ Request::is('areas*') ? 'active' : '' }}">
                <img src=" {{ Request::is('areas*') ? asset('assets/iconos/Areas-activo.png') : asset('assets/iconos/Areas.png') }} " alt="Areas" style="height: 20px;">
                Áreas</a>
        </li>
    @endcan


{{-- 
    <li class="nav-item">
        <a href="{{ route('shipmentProducts.index') }}"
        class="nav-link {{ Request::is('shipmentProducts*') ? 'active' : '' }}">
            <p>Shipment Products</p>
        </a>
    </li>


    <li class="nav-item">
        <a href="{{ route('productionParts.index') }}"
        class="nav-link {{ Request::is('productionParts*') ? 'active' : '' }}">
            <p>Production Parts</p>
        </a>
    </li>


    <li class="nav-item">
        <a href="{{ route('productionScantlings.index') }}"
        class="nav-link {{ Request::is('productionScantlings*') ? 'active' : '' }}">
            <p>Production Scantlings</p>
        </a>
    </li>


    <li class="nav-item">
        <a href="{{ route('productionWelds.index') }}"
        class="nav-link {{ Request::is('productionWelds*') ? 'active' : '' }}">
            <p>Production Welds</p>
        </a>
    </li>


    <li class="nav-item">
        <a href="{{ route('productionPaints.index') }}"
        class="nav-link {{ Request::is('productionPaints*') ? 'active' : '' }}">
            <p>Production Paints</p>
        </a>
    </li>


    <li class="nav-item">
        <a href="{{ route('productionShipmentPaints.index') }}"
        class="nav-link {{ Request::is('productionShipmentPaints*') ? 'active' : '' }}">
            <p>Production Shipment Paints</p>
        </a>
    </li>


    <li class="nav-item">
        <a href="{{ route('shipmentPaints.index') }}"
        class="nav-link {{ Request::is('shipmentPaints*') ? 'active' : '' }}">
            <p>Shipment Paints</p>
        </a>
    </li>


    <li class="nav-item">
        <a href="{{ route('shipmentPaintDetails.index') }}"
        class="nav-link {{ Request::is('shipmentPaintDetails*') ? 'active' : '' }}">
            <p>Shipment Paint Details</p>
        </a>
    </li>

    <li class="nav-item">
        <a href="{{ route('supplierEvaluations.index') }}"
        class="nav-link {{ Request::is('supplierEvaluations*') ? 'active' : '' }}">
            <p>Supplier Evaluations</p>
        </a>
    </li>
    <li class="nav-item">
        <a href="{{ route('suppliersReleasesEvaluations.index') }}"
        class="nav-link {{ Request::is('suppliersReleasesEvaluations*') ? 'active' : '' }}">
            <p>Suppliers Releases Evaluations</p>
        </a>
    </li>

 --}}
{{-- <li class="nav-item">
    <a href="{{ route('historicEmptiedScraps.index') }}"
       class="nav-link {{ Request::is('historicEmptiedScraps*') ? 'active' : '' }}">
        <p>Historic Emptied Scraps</p>
    </a>
</li> --}}

{{-- 
<li class="nav-item">
    <a href="{{ route('reworks.index') }}"
       class="nav-link {{ Request::is('reworks*') ? 'active' : '' }}">
        <p>Reworks</p>
    </a>
</li> --}}

{{-- 
<li class="nav-item">
    <a href="{{ route('transferChains.index') }}"
       class="nav-link {{ Request::is('transferChains*') ? 'active' : '' }}">
        <p>Transfer Chains</p>
    </a>
</li> --}}