@php
    $user =  Auth::user();
@endphp

@if(Auth::user()->perfil == "Administrador")
    <header class="app-header header-azul">
        <nav class="navbar pt-3 pl-0 pr-0 hide-mobile w-100 container">
            <a class="w-auto" href="{!! url('/home') !!}">
                <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="100px" class="d-inline-block align-top" alt="">
            </a>
            <div class="menu-centro" style="width: 80%;">
                <a class="navbar-brand {{ Request::is('home*') ? 'active' : '' }}" href="{{ url('home') }}">
                    Home
                </a>
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('users*') ? 'active' : '' }} {{ Request::is('grupoUsuarios*') ? 'active' : '' }} {{ Request::is('usuarios_inactivos*') ? 'active' : '' }} {{ Request::is('qr_list*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Usuarios ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('users.index') }}" class="dropdown-item {{ Request::is('users*') ? 'active' : '' }}">Usuarios</a>
                        <a href="{{ route('grupoUsuarios.index') }}" class="dropdown-item {{ Request::is('grupoUsuarios*') ? 'active' : '' }}">Grupo de usuarios</a>
                        <a href="{{ url('usuarios_inactivos') }}" class="dropdown-item {{ Request::is('usuarios_inactivos*') ? 'active' : '' }}">Usuarios Inactivos</a>
                        <a href="{{ url('qr_list') }}" class="dropdown-item {{ Request::is('qr_list*') ? 'active' : '' }}">QR`s SKF</a>
                    </div>
                </div>
                <a class="navbar-brand {{ Request::is('documentos*') ? 'active' : '' }}" href="{{ route('documentos.index') }}">
                    Documentos
                </a>
                <!-- <a class="navbar-brand {{ Request::is('campanias*') ? 'active' : '' }}" href="{{ route('campanias.index') }}">
                    Campañas
                </a> -->
                <a class="navbar-brand {{ Request::is('catalogos*') ? 'active' : '' }}" href="{{ route('catalogos.index') }}">
                    Catálogos
                </a>
                {{-- <a class="navbar-brand {{ Request::is('noticias*') ? 'active' : '' }}" href="{{ route('noticias.index') }}">
                    Noticias
                </a> --}}
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('avisos*') ? 'active' : '' }} {{ Request::is('circulares*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Comunicados ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('avisos.index') }}" class="dropdown-item {{ Request::is('avisos*') ? 'active' : '' }}">Comunicados</a>
                        <a href="{{ route('circulares.index') }}" class="dropdown-item {{ Request::is('circulares*') ? 'active' : '' }}">Circulares</a>
                    </div>
                </div>
                {{-- <a class="navbar-brand {{ Request::is('avisos*') ? 'active' : '' }}" href="{{ route('avisos.index') }}">
                    Avisos
                </a>
                <a class="navbar-brand {{ Request::is('circulares*') ? 'active' : '' }}" href="{{ route('circulares.index') }}">
                    Categorías
                </a> --}}
                {{-- <a class="navbar-brand {{ Request::is('visitas*') ? 'active' : '' }}" href="{{ url('visitas') }}">
                    Visitas
                </a> --}}
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('cursos*') ? 'active' : '' }} {{ Request::is('docentes*') ? 'active' : '' }} {{ Request::is('fechaCursos*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Cursos ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('cursos.index') }}" class="dropdown-item {{ Request::is('cursos*') ? 'active' : '' }}">Cursos</a>
                        <a href="{{ route('docentes.index') }}" class="dropdown-item {{ Request::is('docentes*') ? 'active' : '' }}">Docentes</a>
                        <a href="{{ route('fechaCursos.index') }}" class="dropdown-item {{ Request::is('fechaCursos*') ? 'active' : '' }}">Gestión de fechas</a>
                    </div>
                </div>
                {{-- <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('productos*') ? 'active' : '' }} {{ Request::is('pedidos*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Tienda ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('productos.index') }}" class="dropdown-item {{ Request::is('productos*') ? 'active' : '' }}">Promocionales</a>
                        <a href="{{ route('pedidos.index') }}" class="dropdown-item {{ Request::is('pedidos*') ? 'active' : '' }}">Pedidos</a>
                    </div>
                </div> --}}
                <a class="navbar-brand {{ Request::is('calidad-y-seguridad*') ? 'active' : '' }}" href="{{ route('calidad-y-seguridad.index') }}">
                    Calidad y Seguridad
                </a>
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('visitas*') ? 'active' : '' }} {{ Request::is('descargas*') ? 'active' : '' }} {{ Request::is('registro_equipos*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Historial ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ url('visitas') }}" class="dropdown-item {{ Request::is('visitas*') ? 'active' : '' }}">Visitas</a>
                        <a href="{{ url('descargas') }}" class="dropdown-item {{ Request::is('descargas*') ? 'active' : '' }}">Descargas</a>
                        <a href="{{ route('registro_equipos.index') }}" class="dropdown-item {{ Request::is('registro_equipos*') ? 'active' : '' }}">Registro de equipos</a>
                    </div>
                </div>
                {{-- |     ||  Auth::user()->perfil_quejas == "DER DCD"  --}}
                @if($user->perfil_quejas == "DER" || $user->perfil_quejas == "SER" || $user->perfil_quejas == "TER" || $user->perfil_quejas == "Administrador" || $user->perfil_quejas == "DER DCD" || $user->perfil_quejas == "Atención recibida" || $user->perfil_quejas == "Servicio" || $user->perfil_quejas == "Otro")
                    <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('quejaRespuestas*') ? 'active' : '' }} {{ Request::is('sucursales*') ? 'active' : '' }}" >
                        <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                            Portal ▼<br/> de Quejas
                        </a>

                        <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                            <a href="{{ route('quejaRespuestas.index') }}" class="dropdown-item {{ Request::is('quejaRespuestas*') ? 'active' : '' }}">Quejas</a>
                            <a href="{{ url('sucursales') }}" class="dropdown-item {{ Request::is('sucursales*') ? 'active' : '' }}">Sucursales</a>
                            <a href="{{ url('dominios') }}" class="dropdown-item {{ Request::is('dominios*') ? 'active' : '' }}">Dominios</a>
                        </div>
                    </div>
                @endif
            </div>
            <div class="menu-perfil">
                <div class="navbar-brand dropdown show dropdown-toggle" style="width: 127px;">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        <span class="name">{{ Auth::user()->name.' '.Auth::user()->a_paterno }} ▼ </span>
                        <br />
                        <span class="perfil">{{ Auth::user()->perfil }}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            Cerrar sesión
                        </a>
                    </div>
                    <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
                <br />
                <div class="container_search">
                    <form action="{{ url('busqueda') }}" method="post">
                        @csrf
                        <img id="search_button" src="{{ asset('imagenes/iconos/search_blanco.png') }}" style="width: 20px;cursor:pointer" alt="">
                        <input id="search_input" style="display: none" class="search_input" type="text" name="search" placeholder="Buscar..">
                    </form>
                </div>
            </div>
        </nav>
        <div class="contenedor-menu-mobile">
            <button id="close-menu-mobile" class="menu-hamburger">X</button>
            <ul>
                <li class="li-movil {{ Request::is('home*') ? 'active' : '' }}"><a href="{{ url('home') }}">Home</a></li>
                <li data-menu="usuarios" class="li-movil sub {{ Request::is('users*') ? 'active' : '' }}{{ Request::is('grupoUsuarios*') ? 'active' : '' }} {{ Request::is('usuarios_inactivos*') ? 'active' : '' }}"><a href="#">Usuarios ▼</a></li>
                <div id="submenu-usuarios" class="submenu-movil {{ Request::is('users*') ? 'active' : '' }}{{ Request::is('grupoUsuarios*') ? 'active' : '' }} {{ Request::is('usuarios_inactivos*') ? 'active' : '' }}">
                    <a href="{{ url('users') }}">Usuarios -></a>
                    <br />
                    <a href="{{ url('grupoUsuarios') }}">Grupo de usuarios -></a>
                    <br />
                    <a href="{{ url('usuarios_inactivos') }}">Usuarios Inactivos</a>
                    <br />
                </div>
                <li class="li-movil {{ Request::is('documentos*') ? 'active' : '' }}"><a href="{{ url('documentos') }}">Documentos</a></li>
                <!-- <li class="li-movil {{ Request::is('campanias*') ? 'active' : '' }}"><a href="{{ url('campanias') }}">Campañas</a></li> -->
                <li class="li-movil {{ Request::is('catalogos*') ? 'active' : '' }}"><a href="{{ url('catalogos') }}">Catálogos</a></li>
                {{-- <li class="li-movil {{ Request::is('noticias*') ? 'active' : '' }}"><a href="{{ url('noticias') }}">Noticias</a></li> --}}
                <li class="li-movil {{ Request::is('avisos*') ? 'active' : '' }}"><a href="{{ url('avisos') }}">Comunicados</a></li>
                <li class="li-movil {{ Request::is('circulares*') ? 'active' : '' }}"><a href="{{ url('circulares') }}">Circulares</a></li>
                <li data-menu="cursos" class="li-movil sub {{ Request::is('cursos*') ? 'active' : '' }}{{ Request::is('docentes*') ? 'active' : '' }}{{ Request::is('fechaCursos*') ? 'active' : '' }}"><a href="#">Cursos ▼</a></li>
                <div id="submenu-cursos" class="submenu-movil {{ Request::is('cursos*') ? 'active' : '' }}{{ Request::is('docentes*') ? 'active' : '' }}{{ Request::is('fechaCursos*') ? 'active' : '' }}">
                    <a href="{{ url('cursos') }}">Cursos -></a>
                    <br />
                    <a href="{{ url('docentes') }}">Docentes -></a>
                    <br />
                    <a href="{{ url('fechaCursos') }}">Gestión de fechas -></a>
                    <br />
                </div>
                {{-- <li data-menu="productos" class="li-movil sub {{ Request::is('productos*') ? 'active' : '' }} {{ Request::is('pedidos*') ? 'active' : '' }}"><a href="#">Tienda ▼</a></li>
                <div id="submenu-productos" class="submenu-movil {{ Request::is('productos*') ? 'active' : '' }} {{ Request::is('pedidos*') ? 'active' : '' }}">
                    <a href="{{ url('productos') }}">Promocionales -></a>
                    <br />
                    <a href="{{ url('pedidos') }}">Pedidos -></a>
                    <br />
                </div> --}}
                <li class="li-movil {{ Request::is('calidad-y-seguridad*') ? 'active' : '' }}"><a href="{{ url('calidad-y-seguridad') }}">Calidad y Seguridad</a></li>
                <li data-menu="historial" class="li-movil sub {{ Request::is('visitas*') ? 'active' : '' }}{{ Request::is('descargas*') ? 'active' : '' }}"><a href="#">Historial ▼</a></li>
                <div id="submenu-historial" class="submenu-movil {{ Request::is('visitas*') ? 'active' : '' }}{{ Request::is('descargas*') ? 'active' : '' }}">
                    <a href="{{ url('visitas') }}">Visitas -></a>
                    <br />
                    <a href="{{ url('descargas') }}">Descargas -></a>
                    <br />
                </div>

                @if($user->perfil_quejas == "DER" || $user->perfil_quejas == "SER" || $user->perfil_quejas == "TER" || $user->perfil_quejas == "Administrador" || $user->perfil_quejas == "DER DCD" || $user->perfil_quejas == "Atención recibida" || $user->perfil_quejas == "Servicio" || $user->perfil_quejas == "Otro")
                    <li class="li-movil {{ Request::is('quejaRespuestas*') ? 'active' : '' }}"><a href="{{ route('quejaRespuestas.index') }}">Portal <br/> de Quejas</a></li>
                @endif
                <li class="li-movil"><a href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Cerrar sesión</a></li>
            </ul>
        </div>

        <nav class="hide-desktop">
            <div class="menu-mobile text-center row-centrado">
                <a href="{{ url('home') }}">
                    <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="120px" class="d-inline-block align-top" alt="">
                </a>
                <button id="bars-menu" class="menu-hamburger"><i class="fa fa-bars"></i></button>
            </div>
            <div class="container_search text-right mr-3 mt-3">
                <form action="{{ url('busqueda') }}" method="post">
                    @csrf
                    <img id="search_button_m" src="{{ asset('imagenes/iconos/search_blanco.png') }}" style="width: 20px;cursor:pointer" alt="">
                    <input id="search_input_m" style="display: none" class="search_input" type="text" name="search" placeholder="Buscar..">
                </form>
            </div>
        </nav>

    </header>
@endif

@if(Auth::user()->perfil == "Distribuidor")
    @if(get_perfil()["estatus"] == "Activo")
    <header class="app-header header-azul">
        <nav class="navbar pt-3 pl-0 pr-0 hide-mobile w-100 container">
            <a class="w-auto" href="{!! url('home') !!}">
                <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="100px" class="d-inline-block align-top" alt="">
            </a>
            <div class="menu-centro">
                <a class="navbar-brand {{ Request::is('home*') ? 'active' : '' }}" href="{{ url('home') }}">
                    Home
                </a>
                <a class="navbar-brand {{ Request::is('documentos*') ? 'active' : '' }}" href="{{ route('documentos.index') }}">
                    Documentos @if(validar_notificacion('documentos') == 0)<span class="notificacion"></span>@endif
                </a>
                <!-- <a class="navbar-brand {{ Request::is('campanias*') ? 'active' : '' }}" href="{{ route('campanias.index') }}">
                    Campañas @if(validar_notificacion('campanias') == 0)<span class="notificacion"></span>@endif
                </a> -->
                <a class="navbar-brand {{ Request::is('catalogos*') ? 'active' : '' }}" href="{{ route('catalogos.index') }}">
                    Catálogos @if(validar_notificacion('catalogos') == 0)<span class="notificacion"></span>@endif
                </a>
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('avisos*') ? 'active' : '' }} {{ Request::is('circulares*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Comunicados ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('avisos.index') }}" class="dropdown-item {{ Request::is('avisos*') ? 'active' : '' }}">Comunicados</a>
                        <a href="{{ route('circulares.index') }}" class="dropdown-item {{ Request::is('circulares*') ? 'active' : '' }}">Circulares</a>
                    </div>
                </div>
                {{-- <a class="navbar-brand {{ Request::is('noticias*') ? 'active' : '' }}" href="{{ route('noticias.index') }}">
                    Noticias @if(validar_notificacion('noticias') == 0)<span class="notificacion"></span>@endif
                </a> --}}
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('cursosDisponibles*') ? 'active' : '' }} {{ Request::is('misCursos*') ? 'active' : '' }} {{ Request::is('users*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Cursos ▼
                    </a>
                    @if(validar_notificacion('cursosDisponibles') == 0)<span class="notificacion"></span>@endif
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ url('cursosDisponibles') }}" class="dropdown-item {{ Request::is('cursosDisponibles*') ? 'active' : '' }}">Cursos</a>
                        <a href="{{ url('misCursos') }}" class="dropdown-item {{ Request::is('misCursos*') ? 'active' : '' }}">Mis cursos</a>
                        <a href="{{ url('users') }}" class="dropdown-item {{ Request::is('users*') ? 'active' : '' }}">Mis usuarios</a>
                    </div>
                </div>
                {{-- <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('productos*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Tienda SKF  ▼
                    </a>
                    @if(validar_notificacion('productos') == 0)<span class="notificacion"></span>@endif
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('productos.index') }}" class="dropdown-item">Promocionales</a>
                    </div>
                </div> --}}
                <a class="navbar-brand {{ Request::is('calidad-y-seguridad*') ? 'active' : '' }}" href="{{ route('calidad-y-seguridad.index') }}">
                    Calidad y Seguridad @if(validar_notificacion('calidad-y-seguridad') == 0)<span class="notificacion"></span>@endif
                </a>
              
                    <a class="navbar-brand {{ Request::is('quejaRespuestas*') ? 'active' : '' }}" href="{{ route('quejaRespuestas.index') }}">
                        Portal <br/> de Quejas
                    </a>

                {{-- <div class="navbar-brand {{ Request::is('quejaRespuestas*') ? 'active' : '' }} " >
                    <a  aria-haspopup="true" aria-expanded="false"  href="{{ route('quejaRespuestas.index') }}">
                        Portal <br/> de Quejas
                    </a>

                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('quejaRespuestas.index') }}" class="dropdown-item {{ Request::is('quejaRespuestas*') ? 'active' : '' }}">Quejas</a>
                        <a href="{{ url('sucursales') }}" class="dropdown-item {{ Request::is('sucursales*') ? 'active' : '' }}">Sucursales</a>
                    </div>
                </div> --}}
            </div>
            <div class="menu-perfil">
                <div class="navbar-brand dropdown show dropdown-toggle">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        <span class="name">{{ Auth::user()->name.' '.Auth::user()->a_paterno }} ▼ </span>
                        <br />
                        <span class="perfil">{{ Auth::user()->perfil }}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            Cerrar sesión
                        </a>
                    </div>

                    {{-- <div class="row-centrado">
                        <a href="{{ url('carrito') }}"><img style="width: 25px;margin-bottom:10px" src="{{ asset('imagenes/iconos/icono_carrito.png') }}" alt=""></a>
                        <span id="contador_carrito" class="badge badge-light texto-blanco" style="position: static;
                        margin-bottom: 10px;
                        font-family: 'SKFSans-Medium';
                        background: #063781;
                        border: .000001px solid #063781;
                        font-size: 9px;">@if(session('cart') != null){{ (count(session('cart'))) }} @else 0 @endif</span>
                    </div> --}}
                    <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
                <br>
                <div class="container_search mt-3">
                    <form action="{{ url('busqueda') }}" method="post">
                        @csrf
                        <img id="search_button" src="{{ asset('imagenes/iconos/search_blanco.png') }}" style="width: 20px;cursor:pointer" alt="">
                        <input id="search_input" style="display: none" class="search_input" type="text" name="search" placeholder="Buscar..">
                    </form>
                </div>
            </div>
        </nav>
        <div class="contenedor-menu-mobile">
            <button id="close-menu-mobile" class="menu-hamburger">X</button>
            <ul>
                <li class="li-movil {{ Request::is('home*') ? 'active' : '' }}"><a href="{{ url('home') }}">Home</a></li>
                <li class="li-movil {{ Request::is('documentos*') ? 'active' : '' }}"><a href="{{ url('documentos') }}">Documentos</a></li>
                <!-- <li class="li-movil {{ Request::is('campanias*') ? 'active' : '' }}"><a href="{{ url('campanias') }}">Campañas</a></li> -->
                <li class="li-movil {{ Request::is('catalogos*') ? 'active' : '' }}"><a href="{{ url('catalogos') }}">Catálogos</a></li>
                {{-- <li class="li-movil {{ Request::is('noticias*') ? 'active' : '' }}"><a href="{{ url('noticias') }}">Noticias</a></li> --}}
                <li data-menu="cursos" class="li-movil sub {{ Request::is('cursosDisponibles*') ? 'active' : '' }}{{ Request::is('misCursos*') ? 'active' : '' }}{{ Request::is('users*') ? 'active' : '' }}"><a href="#">Cursos ▼</a></li>
                <div id="submenu-cursos" class="submenu-movil {{ Request::is('cursosDisponibles*') ? 'active' : '' }}{{ Request::is('misCursos*') ? 'active' : '' }}{{ Request::is('users*') ? 'active' : '' }}">
                    <a href="{{ url('cursosDisponibles') }}">Cursos -></a>
                    <br />
                    <a href="{{ url('misCursos') }}">Mis cursos -></a>
                    <br />
                    <a href="{{ url('users') }}">Mis usuarios -></a>
                    <br />
                </div>
                <li class="li-movil {{ Request::is('calidad-y-seguridad*') ? 'active' : '' }}"><a href="{{ url('calidad-y-seguridad') }}">Calidad y Seguridad</a></li>
                <li class="li-movil {{ Request::is('quejaRespuestas*') ? 'active' : '' }}"><a href="{{ route('quejaRespuestas.index') }}">Portal <br/> de Quejas</a></li>
                <li class="li-movil"><a href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Cerrar sesión</a></li>
            </ul>
        </div>
        <nav class="hide-desktop">
            <div class="menu-mobile text-center row-centrado">
                <a href="{{ url('home') }}">
                    <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="120px" class="d-inline-block align-top" alt="">
                </a>
                <div class="row-centrado">
                    {{-- <div class="row-centrado" style="margin-right: 10px;padding-top: 10px;">
                        <a href="{{ url('carrito') }}"><img style="width: 25px;margin-bottom:10px" src="{{ asset('imagenes/iconos/icono_carrito.png') }}" alt=""></a>
                        <span id="contador_carrito_movil" class="badge badge-light texto-blanco" style="position: static;
                        margin-bottom: 10px;
                        font-family: 'SKFSans-Medium';
                        background: #063781;
                        border: .000001px solid #063781;
                        font-size: 9px;">@if(session('cart') != null){{ (count(session('cart'))) }} @else 0 @endif</span>
                    </div> --}}
                    <button id="bars-menu" class="menu-hamburger"><i class="fa fa-bars"></i></button>
                </div>
            </div>
            <div class="container_search text-right mr-3 mt-3">
                <form action="{{ url('busqueda') }}" method="post">
                    @csrf
                    <img id="search_button_m" src="{{ asset('imagenes/iconos/search_blanco.png') }}" style="width: 20px;cursor:pointer" alt="">
                    <input id="search_input_m" style="display: none" class="search_input" type="text" name="search" placeholder="Buscar..">
                </form>
            </div>
        </nav>
    </header>
    @else
    <header class="app-header header-azul">
        <nav class="navbar pt-3 pl-0 pr-0 hide-mobile w-100 container">
            <a class="w-auto" href="{!! url('/') !!}">
                <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="100px" class="d-inline-block align-top" alt="">
            </a>
            <div class="menu-perfil">
                <div class="navbar-brand dropdown show dropdown-toggle">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        <span class="name">{{ Auth::user()->name.' '.Auth::user()->a_paterno }} ▼ </span>
                        <br />
                        <span class="perfil">{{ Auth::user()->perfil }}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            Cerrar sesión
                        </a>
                    </div>
                    <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
            </div>
        </nav>
        <div class="contenedor-menu-mobile">
            <button id="close-menu-mobile" class="menu-hamburger">X</button>
            <ul>
                <li class="li-movil"><a href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Cerrar sesión</a></li>
            </ul>
        </div>
        <nav class="hide-desktop">
            <div class="menu-mobile text-center row-centrado">
                <a href="{{ url('home') }}">
                    <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="120px" class="d-inline-block align-top" alt="">
                </a>
                <div class="row-centrado">
                    <button id="bars-menu" class="menu-hamburger"><i class="fa fa-bars"></i></button>
                </div>
            </div>
        </nav>
    </header>
    @endif
@endif

@if(Auth::user()->perfil == "Visitante")
    @if(get_perfil()["estatus"] == "Activo")
    <header class="app-header header-azul">
        <nav class="navbar pt-3 pl-0 pr-0 hide-mobile w-100 container">
            <a class="w-auto" href="{!! url('/') !!}">
                <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="100px" class="d-inline-block align-top" alt="">
            </a>
            <div class="menu-centro">
                <a class="navbar-brand {{ Request::is('misCursos*') ? 'active' : '' }}" href="{{ url('misCursos') }}">
                    Mis Cursos
                </a>
                @if($user->perfil_quejas == "DER" || $user->perfil_quejas == "SER" || $user->perfil_quejas == "TER" || $user->perfil_quejas == "Administrador" || $user->perfil_quejas == "DER DCD" || $user->perfil_quejas == "Atención recibida" || $user->perfil_quejas == "Servicio" || $user->perfil_quejas == "Otro" )
                    <a class="navbar-brand {{ Request::is('quejaRespuestas*') ? 'active' : '' }}" href="{{ route('quejaRespuestas.index') }}">
                        Portal <br/> de Quejas
                    </a>
                @endif
            </div>
            <div class="menu-perfil">
                <div class="navbar-brand dropdown show dropdown-toggle row-centrado w-100">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        <span class="name">{{ Auth::user()->name.' '.Auth::user()->a_paterno }} ▼ </span>
                        <br />
                        <span class="perfil">{{ Auth::user()->perfil }}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            Cerrar sesión
                        </a>
                    </div>
                    <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
            </div>
        </nav>
        <div class="contenedor-menu-mobile">
            <button id="close-menu-mobile" class="menu-hamburger">X</button>
            <ul>
                <li class="li-movil {{ Request::is('misCursos*') ? 'active' : '' }}"><a href="{{ url('misCursos') }}">Mis cursos</a></li>
                @if($user->perfil_quejas == "DER" || $user->perfil_quejas == "SER" || $user->perfil_quejas == "TER" || $user->perfil_quejas == "Administrador" || $user->perfil_quejas == "DER DCD" || $user->perfil_quejas == "Atención recibida" || $user->perfil_quejas == "Servicio" || $user->perfil_quejas == "Otro" )
                    <li class="li-movil {{ Request::is('quejaRespuestas*') ? 'active' : '' }}"><a href="{{ route('quejaRespuestas.index') }}">Portal <br/> de Quejas</a></li>
                @endif
                <li class="li-movil"><a href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Cerrar sesión</a></li>
            </ul>
        </div>
        <nav class="hide-desktop">
            <div class="menu-mobile text-center row-centrado">
                <a href="{{ url('misCursos') }}">
                    <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="120px" class="d-inline-block align-top" alt="">
                </a>
                <div class="row-centrado">
                    <button id="bars-menu" class="menu-hamburger"><i class="fa fa-bars"></i></button>
                </div>
            </div>
        </nav>
    </header>
    @endif
@endif

@if(Auth::user()->perfil == "Gestor" )
    @if(get_perfil()["estatus"] == "Activo")
    <header class="app-header header-azul">
        <nav class="navbar pt-3 pl-0 pr-0 hide-mobile w-100 container">
            <a class="w-auto" href="{!! url('/') !!}">
                <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="100px" class="d-inline-block align-top" alt="">
            </a>
            <div class="menu-centro">
                <a class="navbar-brand {{ Request::is('home*') ? 'active' : '' }}" href="{{ url('home') }}">
                    Home
                </a>
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('users*') ? 'active' : '' }} {{ Request::is('grupoUsuarios*') ? 'active' : '' }} {{ Request::is('usuarios_inactivos*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Usuarios ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('users.index') }}" class="dropdown-item {{ Request::is('users*') ? 'active' : '' }}">Usuarios</a>
                        <a href="{{ route('grupoUsuarios.index') }}" class="dropdown-item {{ Request::is('grupoUsuarios*') ? 'active' : '' }}">Grupo de usuarios</a>
                        <a href="{{ url('usuarios_inactivos') }}" class="dropdown-item {{ Request::is('usuarios_inactivos*') ? 'active' : '' }}">Usuarios Inactivos</a>
                    </div>
                </div>
                <a class="navbar-brand {{ Request::is('documentos*') ? 'active' : '' }}" href="{{ route('documentos.index') }}">
                    Documentos
                </a>
                <!-- <a class="navbar-brand {{ Request::is('campanias*') ? 'active' : '' }}" href="{{ route('campanias.index') }}">
                    Campañas
                </a> -->
                <a class="navbar-brand {{ Request::is('catalogos*') ? 'active' : '' }}" href="{{ route('catalogos.index') }}">
                    Catálogos
                </a>
                {{-- <a class="navbar-brand {{ Request::is('noticias*') ? 'active' : '' }}" href="{{ route('noticias.index') }}">
                    Noticias
                </a> --}}
                <a class="navbar-brand {{ Request::is('avisos*') ? 'active' : '' }}" href="{{ route('avisos.index') }}">
                    Comunicados
                </a>
                <a class="navbar-brand {{ Request::is('circulares*') ? 'active' : '' }}" href="{{ route('circulares.index') }}">
                    Circulares
                </a>
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('cursos*') ? 'active' : '' }} {{ Request::is('docentes*') ? 'active' : '' }} {{ Request::is('fechaCursos*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Cursos ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('cursos.index') }}" class="dropdown-item">Cursos</a>
                        <a href="{{ route('docentes.index') }}" class="dropdown-item">Docentes</a>
                        <a href="{{ route('fechaCursos.index') }}" class="dropdown-item">Gestión de fechas</a>
                    </div>
                </div>
                {{-- <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('productos*') ? 'active' : '' }} {{ Request::is('pedidos*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Tienda Distribuidores SKF ▼
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('productos.index') }}" class="dropdown-item">Promocionales</a>
                        <a href="{{ route('pedidos.index') }}" class="dropdown-item">Pedidos</a>
                    </div>
                </div> --}}
                @if($user->perfil_quejas == "DER" || $user->perfil_quejas == "SER" || $user->perfil_quejas == "TER" || $user->perfil_quejas == "Administrador" || $user->perfil_quejas == "DER DCD" || $user->perfil_quejas == "Atención recibida" || $user->perfil_quejas == "Servicio" || $user->perfil_quejas == "Otro" )
                    <a class="navbar-brand {{ Request::is('quejaRespuestas*') ? 'active' : '' }}" href="{{ route('quejaRespuestas.index') }}">
                        Portal <br/> de Quejas
                    </a>
                @endif
            </div>
            <div class="menu-perfil">
                <div class="navbar-brand dropdown show dropdown-toggle">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        <span class="name">{{ Auth::user()->name.' '.Auth::user()->a_paterno }} ▼ </span>
                        <br />
                        <span class="perfil">{{ Auth::user()->perfil }}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            Cerrar sesión
                        </a>
                    </div>
                    <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
            </div>
        </nav>
        <div class="contenedor-menu-mobile">
            <button id="close-menu-mobile" class="menu-hamburger">X</button>
            <ul>
                <li class="li-movil {{ Request::is('home*') ? 'active' : '' }}"><a href="{{ url('home') }}">Home</a></li>
                <li data-menu="usuarios" class="li-movil sub {{ Request::is('users*') ? 'active' : '' }}{{ Request::is('grupoUsuarios*') ? 'active' : '' }} {{ Request::is('usuarios_inactivos*') ? 'active' : '' }}"><a href="#">Usuarios ▼</a></li>
                <div id="submenu-usuarios" class="submenu-movil {{ Request::is('users*') ? 'active' : '' }}{{ Request::is('grupoUsuarios*') ? 'active' : '' }} {{ Request::is('usuarios_inactivos*') ? 'active' : '' }}">
                    <a href="{{ url('users') }}">Usuarios -></a>
                    <br />
                    <a href="{{ url('grupoUsuarios') }}">Grupo de usuarios -></a>
                    <br />
                    <a href="{{ url('usuarios_inactivos') }}">Usuarios Inactivos</a>
                    <br />
                </div>
                <li class="li-movil {{ Request::is('documentos*') ? 'active' : '' }}"><a href="{{ url('documentos') }}">Documentos</a></li>
                <!-- <li class="li-movil {{ Request::is('campanias*') ? 'active' : '' }}"><a href="{{ url('campanias') }}">Campañas</a></li> -->
                <li class="li-movil {{ Request::is('catalogos*') ? 'active' : '' }}"><a href="{{ url('catalogos') }}">Catálogos</a></li>
                {{-- <li class="li-movil {{ Request::is('noticias*') ? 'active' : '' }}"><a href="{{ url('noticias') }}">Noticias</a></li> --}}
                <li class="li-movil {{ Request::is('avisos*') ? 'active' : '' }}"><a href="{{ url('avisos') }}">Comunicados</a></li>
                <li class="li-movil {{ Request::is('circulares*') ? 'active' : '' }}"><a href="{{ url('circulares') }}">Circulares</a></li>
                <li data-menu="cursos" class="li-movil sub {{ Request::is('cursos*') ? 'active' : '' }}{{ Request::is('docentes*') ? 'active' : '' }}{{ Request::is('fechaCursos*') ? 'active' : '' }}"><a href="#">Cursos ▼</a></li>
                <div id="submenu-cursos" class="submenu-movil {{ Request::is('cursos*') ? 'active' : '' }}{{ Request::is('docentes*') ? 'active' : '' }}{{ Request::is('fechaCursos*') ? 'active' : '' }}">
                    <a href="{{ url('cursos') }}">Cursos -></a>
                    <br />
                    <a href="{{ url('docentes') }}">Docentes -></a>
                    <br />
                    <a href="{{ url('fechaCursos') }}">Gestión de fechas -></a>
                    <br />
                </div>
                {{-- <li data-menu="productos" class="li-movil sub {{ Request::is('productos*') ? 'active' : '' }} {{ Request::is('pedidos*') ? 'active' : '' }}"><a href="#">Tienda Distribuidores SKF ▼</a></li> --}}
                <div id="submenu-productos" class="submenu-movil {{ Request::is('productos*') ? 'active' : '' }} {{ Request::is('pedidos*') ? 'active' : '' }}">
                    <a href="{{ url('productos') }}">Promocionales -></a>
                    <br />
                    <a href="{{ url('pedidos') }}">Pedidos -></a>
                    <br />
                </div>
                @if($user->perfil_quejas == "DER" || $user->perfil_quejas == "SER" || $user->perfil_quejas == "TER" || $user->perfil_quejas == "Administrador" || $user->perfil_quejas == "DER DCD" || $user->perfil_quejas == "Atención recibida" || $user->perfil_quejas == "Servicio" || $user->perfil_quejas == "Otro" )
                    <li class="li-movil {{ Request::is('quejaRespuestas*') ? 'active' : '' }}"><a href="{{ route('quejaRespuestas.index') }}">Portal <br/> de Quejas</a></li>
                @endif
                <li class="li-movil"><a href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Cerrar sesión</a></li>
            </ul>
        </div>
        <nav class="hide-desktop">
            <div class="menu-mobile text-center row-centrado">
                <a href="{{ url('home') }}">
                    <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="120px" class="d-inline-block align-top" alt="">
                </a>
                <button id="bars-menu" class="menu-hamburger"><i class="fa fa-bars"></i></button>
            </div>
        </nav>
    </header>
    @endif
@endif

@if(Auth::user()->perfil == "Técnico Local" || Auth::user()->perfil == "Técnico SF" || Auth::user()->perfil == "Administrador Técnico" || Auth::user()->perfil == "Técnico SF USA")
    @if(get_perfil()["estatus"] == "Activo")
    <header class="app-header header-azul">
        <nav class="navbar pt-3 pl-0 pr-0 hide-mobile w-100 container">
            <a class="w-auto" href="{!! url('/') !!}">
                <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="100px" class="d-inline-block align-top" alt="">
            </a>
            <div class="menu-centro">
                <a class="navbar-brand {{ Request::is('home*') ? 'active' : '' }}" href="{{ url('home') }}">
                    Home
                </a>
                @if(Auth::user()->perfil == "Administrador Técnico" )
                <div class="navbar-brand dropdown show dropdown-toggle {{ Request::is('reparacions*') ? 'active' : '' }} {{ Request::is('registro_equipos*') ? 'active' : '' }}">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        Reparaciones ▼ @if(validar_notificacion('reparacions') == 0)<span class="notificacion"></span>@endif
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a href="{{ route('reparacions.index') }}" class="dropdown-item {{ Request::is('reparacions*') ? 'active' : '' }}">Reparaciones/Calibraciones</a>
                        <a href="{{ route('registro_equipos.index') }}" class="dropdown-item {{ Request::is('registro_equipos*') ? 'active' : '' }}">Registro de equipos</a>
                    </div>
                </div>
                @endif
                @if(Auth::user()->perfil == "Administrador Técnico" )
                    <a class="navbar-brand  {{ Request::is('catalogoReparacions*') ? 'active' : '' }}" href="{{ route('catalogoReparacions.index') }}">
                        Gestion de precios
                    </a>
                @endif
                @if (Auth::user()->perfil_quejas == "DER" || Auth::user()->perfil_quejas == "SER" || Auth::user()->perfil_quejas == "TER" || Auth::user()->perfil_quejas == "Administrador" || Auth::user()->perfil_quejas == "DER DCD" || $user->perfil_quejas == "Atención recibida" || $user->perfil_quejas == "Servicio" || $user->perfil_quejas == "Otro" )
                    <a class="navbar-brand {{ Request::is('quejaRespuestas*') ? 'active' : '' }}" href="{{ route('quejaRespuestas.index') }}">
                        Portal <br/> de Quejas
                    </a>
                @endif
            </div>
            <div class="menu-perfil">
                <div class="navbar-brand dropdown show dropdown-toggle">
                    <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
                        <span class="name">{{ Auth::user()->name.' '.Auth::user()->a_paterno }} ▼ </span>
                        <br />
                        <span class="perfil">{{ Auth::user()->perfil }}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-custom" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            Cerrar sesión
                        </a>
                    </div>
                    <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
            </div>
        </nav>
        <div class="contenedor-menu-mobile">
            <button id="close-menu-mobile" class="menu-hamburger">X</button>
            <ul>
                <li class="li-movil {{ Request::is('home*') ? 'active' : '' }}"><a href="{{ url('home') }}">Home</a></li>
                <li class="li-movil {{ Request::is('reparacions*') ? 'active' : '' }}"><a href="{{ route('reparacions.index') }}">> Reparaciones/Calibraciones @if(validar_notificacion('reparacions') == 0)<span class="notificacion"></span>@endif</a></li>
                @if (Auth::user()->perfil_quejas == "DER" || Auth::user()->perfil_quejas == "SER" || Auth::user()->perfil_quejas == "TER" || Auth::user()->perfil_quejas == "Administrador" || Auth::user()->perfil_quejas == "DER DCD" || $user->perfil_quejas == "Atención recibida" || $user->perfil_quejas == "Servicio" || $user->perfil_quejas == "Otro" )
                    <li class="li-movil {{ Request::is('quejaRespuestas*') ? 'active' : '' }}"><a href="{{ route('quejaRespuestas.index') }}">Portal <br/> de Quejas</a></li>
                @endif
                <li class="li-movil"><a href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Cerrar sesión</a></li>
            </ul>
        </div>
        <nav class="hide-desktop">
            <div class="menu-mobile text-center row-centrado">
                <a href="{{ url('home') }}">
                    <img src="{{ asset('/imagenes/logo_blanco.png') }}" width="120px" class="d-inline-block align-top" alt="">
                </a>
                <button id="bars-menu" class="menu-hamburger"><i class="fa fa-bars"></i></button>
            </div>
        </nav>
    </header>
    @endif
@endif