@php

$pendientes = DB::table('notificacion_tickets')
    ->where('user', '=', Auth::user()->ID)
    ->where('status', '=', '0')
    ->orderBy('id', 'DESC')
    ->get();
    
$carrito = DB::table('carritos')
    ->where('iduser', '=', Auth::user()->ID)
    ->count();

@endphp

      <!--  <div class="nav-header">
            {{--<div>
                <a>
                    <b class="logo-abbr">
                        <img class="ml-1 mr-3 mt-3" src="{{ asset('fondo/5.jpg') }}">
                    </b>
                    
                    <span class="logo-compact">
                        <img class="ml-3 mr-3 mt-3" src="{{ asset('fondo/5.jpg') }}">
                    </span>
                    
                    <span class="brand-title">
                        <img class="ml-3 mr-3" src="{{ asset('fondo/5.jpg') }}">
                    </span>
                    
                </a>
            </div>--}}
        </div> -->
        
        <div class="header">    
            <div class="header-content clearfix">
                
                <div class="nav-control">
                    <div class="hamburger">
                        <span class="toggle-icon"><i class="icon-menu"></i></span>
                    </div>
                </div>
               
                <div class="header-right">
                    <ul class="clearfix">
                        
                        
                   @if($settings->traductor == '1') 
                        <li class="icons dropdown"> 
                            <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> 

                                <div class="btn-group" role="group">
                                    <button id="btnGroupDrop1" type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                      <i class="fa-solid fa-language"></i>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                      
                                        <ul class="list-unstyled list-inline ct-topbar__list">
                                            
                                                <ul class="list-unstyled ct-language__dropdown">
                                                    <li><a href="#googtrans(es|de)" class="lang-en lang-select" data-lang="de"><img src="{{ asset('imagen/icons/germany.svg')}}" alt="ALEMÁN" height="15px" width="15px"> ALEMÁN</a></li>
                                                    <li><a href="#googtrans(es|ar)" class="lang-en lang-select" data-lang="ar"><img src="{{ asset('imagen/icons/saudi-arabia.svg')}}" alt="ÁRABE" height="15px" width="15px"> ÁRABE</a></li>
                                                    <li><a href="#googtrans(es|zh-CN)" class="lang-es lang-select" data-lang="zh-CN"><img src="{{ asset('imagen/icons/china.png')}}" alt="CHINO" height="15px" width="15px"> CHINO</a></li>
                                                    <li><a href="#googtrans(es|es)" class="lang-en lang-select" data-lang="es"><img src="{{ asset('imagen/icons/spain.svg')}}" alt="ESPAÑOL" height="15px" width="15px"> ESPAÑOL</a></li>
                                                    <li><a href="#googtrans(es|fr)" class="lang-es lang-select" data-lang="fr"><img src="{{ asset('imagen/icons/france.png')}}" alt="FRANCÉS" height="15px" width="15px"> FRANCÉS</a></li>
                                                    <li><a href="#googtrans(es|hi)" class="lang-en lang-select" data-lang="hi"><img src="{{ asset('imagen/icons/india.svg')}}" alt="HINDI" height="15px" width="15px"> HINDI</a></li>
                                                    <li><a href="#googtrans(es|en)" class="lang-en lang-select" data-lang="en"><img src="{{ asset('imagen/icons/usa.png')}}" alt="INGLÉS" height="15px" width="15px"> INGLÉS</a></li>
                                                    <li><a href="#googtrans(es|it)" class="lang-en lang-select" data-lang="it"><img src="{{ asset('imagen/icons/italy.svg')}}" alt="ITALIANO" height="15px" width="15px"> ITALIANO</a></li>
                                                    <li><a href="#googtrans(es|pt)" class="lang-es lang-select" data-lang="ja"><img src="{{ asset('imagen/icons/japan.png')}}" alt="JAPONÉS" height="15px" width="15px"> JAPONÉS</a></li>
                                                    <li><a href="#googtrans(es|pt)" class="lang-es lang-select" data-lang="pt"><img src="{{ asset('imagen/icons/portugal.svg')}}" alt="PORTUGUÉS" height="15px" width="15px"> PORTUGUÉS</a></li>
                                                    <li><a href="#googtrans(es|ru)" class="lang-es lang-select" data-lang="ru"><img src="{{ asset('imagen/icons/russia.svg')}}" alt="RUSO" height="15px" width="15px"> RUSO</a></li>
                                                    <li><a href="#googtrans(es|vi)" class="lang-es lang-select" data-lang="vi"><img src="{{ asset('imagen/icons/vietnam.svg')}}" alt="VIETNAMITA" height="15px" width="15px"> VIETNAMITA</a></li>
                                                </ul>
                                          
                                        </ul>
                    
                                    </div>
                                </div>
                            </div>
                        </li>
                    @endif
                        
                        
                        <li class="icons dropdown">
                            <a href="{{ route('carrito-carrito') }}">                       
                                <button class="btn btn-primary header-circle">
                                    <i class="fa-solid fa-shop text-white" style="font-size: 12px;"></i>
                                    @if($carrito > 0)
                                    <span class="noti-icon-badge"></span>
                                    @endif
                                </button>
                            </a>
                        </li>     

                        <li class="icons dropdown">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <button class="btn btn-primary header-circle">
                                    <i class="fa fa-ticket text-white" style="font-size: 12px;"></i>
                                    @if(count($pendientes) > 0)
                                    <span class="noti-icon-badge"></span>
                                    @endif
                                </button>
                            </a>
                            <div class="drop-down animated fadeIn dropdown-menu scroll-auto">
                                <div class="dropdown-content-heading d-flex justify-content-between">
                                    <span class="">Tienes {{count($pendientes)}} tickets/Soporte</span>  
                                    <a href="javascript:void()" class="d-inline-block">
                                        <span class="badge badge-pill gradient-1">{{ count($pendientes) }}</span>
                                    </a>
                                </div>

                                @include('layouts.include.notificacion_ticket')

                                
                            </div>
                        </li>


                        <li class="icons dropdown">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <button class="btn btn-primary header-circle">
                                    <i class="fa-solid fa-bell text-white" style="font-size: 12px;"></i>
                                    @if($notificacionesPendientes->count() > 0)
                                    <span class="noti-icon-badge"></span>
                                    @endif
                                </button>
                            </a>
                            
                            <div class="drop-down animated fadeIn dropdown-menu dropdown-notfication scroll-auto">
                                <div class="dropdown-content-heading d-flex justify-content-between">
                                    <span class="">Tienes {{ $notificacionesPendientes->count() }} notificaciones</span>  
                                    <a href="javascript:void()" class="d-inline-block">
                                        <span class="badge badge-pill gradient-2">{{ $notificacionesPendientes->count() }}</span>
                                    </a>
                                </div>

                                @include('layouts.include.notificaciones')

                                
                            </div>
                        </li>
                       
                        <li class="icons dropdown mt-1">
                            <div class="user-img c-pointer position-relative"   data-toggle="dropdown">
                                <span class="activity active"></span>
                                <img src="{{ asset('fondo/'.Auth::user()->avatar) }}" height="40" width="40" alt="">
                            </div>
                            <div class="drop-down dropdown-profile animated fadeIn dropdown-menu">
                                <div class="dropdown-content-body">
                                    <ul>
                                        <li>
                                            <a href="{{ route('admin.user.edit') }}"><i class="icon-user"></i> <span>Perfil</span></a>
                                        </li>

                                        <li>
                                            <a href="{{ route('logout') }}" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
                                                <i class="icon-key"></i> <span>Salir</span>
                                            </a>

                                            <form id="logout-form" action="{{ route('logout') }}" method="POST"style="display: none;">
                                              {{ csrf_field() }}
                                            </form>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>