@php
 $cart_notificacion = DB::table('academiatienda')->where('iduser', '=', Auth::user()->ID)->get()->count('id');
@endphp


<div class="navbar-custom">
    <div class="topbar container-fluid">
        <div class="d-flex align-items-center gap-lg-4 gap-2">
            
            <button class="button-toggle-menu">
                <i class="fa-solid fa-bars text-white"></i>
            </button>

            
            <button class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#topnav-menu-content">
                <div class="lines">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </button>
            
            <span class="logo-sm">
              <img class="" src="{{ asset('/academia/recursos/logo_academia.png') }}" alt="logo">
            </span>
            
        </div>


        <div class="d-none d-sm-block">
            <ul class="topbar-menu d-flex align-items-center gap-4">
                
                @if(Auth::user()->rol_id <= 100)
                    <li data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-custom-class="primary-tooltip"  data-bs-title="Aún tienes {{ $cart_notificacion }} {{ $cart_notificacion == 1 ? 'Curso' : 'Cursos' }} en el carrito.">
    
                        <a class="nav-link text-white p-0 position-relative d-flex align-items-center" href="{{ route('academia-carrito-index') }}">
                        <div class="position-relative">
                            <i class="fa-solid fa-cart-shopping fs-4"></i>
            
                            @if($cart_notificacion > 0)
                                <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger"  style="font-size: 0.65rem; padding: 0.25em 0.45em; margin-top: -2px; margin-left: -2px; border: 2px solid #001529;">
                                    {{ $cart_notificacion }}
                                </span>
                            @endif
                        </div>
        
                        <span class="ms-3 h5 text-uppercase mb-0 d-none d-xl-inline">Carrito</span>
                        </a>
                        
                   </li>
                @endif
            
                <li>
                    <a class="nav-link text-decoration-none mt-1" href="{{ route('academia-home') }}">
                        <h5 class="text-uppercase text-white">inicio</h5>
                    </a>
                </li>
            
                <li>
                    <a class="nav-link text-decoration-none mt-1" href="{{ route('academia-nosotros-show') }}">
                        <h5 class="text-uppercase text-white">nosotros</h5>
                    </a>
                </li>
            
            
                <li>
                    <a class="nav-link text-decoration-none mt-1" href="{{ route('academia-tienda-index') }}">
                        <h5 class="text-uppercase text-white">cursos</h5>
                    </a>
                </li>
            
                <li>
                    <a class="nav-link text-decoration-none mt-1 me-3" href="{{ route('academia-blog-show') }}">
                        <h5 class="text-uppercase text-white">blog</h5>
                    </a>
                </li>
                
                
                @if(Auth::user()->rol_id <= 100)
                <li>
                    <form method="GET" action="{{ route('academia-tienda-index') }}" id="search-course">
                        
                        <input type="hidden" name="tipo" value="2">
                        
                        <div class="input-group">
                            <input type="text" name="producto" class="form-control" placeholder="Buscar Curso" aria-label="Username" aria-describedby="basic-addon1">
                            <span class="input-group-text bg-primary text-white" id="basic-addon1" onclick="searchjs()">
                                <i class="fa-solid fa-magnifying-glass"></i>
                            </span>
                        </div>
                    </form>    
                </li>
                @endif
            
             </ul>
        </div>
        
        
        
        <div class="d-block d-sm-none">
            <ul class="topbar-menu d-flex align-items-center gap-4 text-white">
                
                @if(Auth::user()->rol_id <= 100)
                <li data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-custom-class="primary-tooltip" data-bs-title="A un tienes {{ $cart_notificacion }} @if($cart_notificacion == 1) Curso @else Cursos @endif sin comprar en el carrito solo has clic aqui.">
                    <h5>
                        <a class="nav-link text-decoration-none text-white text-uppercase" href="{{ route('academia-carrito-index') }}">
                            <i class="fa-brands fa-discourse fs-18 me-2"></i>
                            @if($cart_notificacion == 1)
                              {{ $cart_notificacion }} Curso
                            @else
                              {{ $cart_notificacion }} Cursos
                            @endif
                        </a>
                    </h5>    
                </li>
                @endif
                
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                      <i class="ri-menu-2-fill"></i>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <li><a class="dropdown-item text-uppercase" href="{{ route('academia-home') }}">Inicio</a></li>
                        <li><a class="dropdown-item text-uppercase" href="{{ route('academia-nosotros-show') }}">Nosotros</a></li>
                        <li><a class="dropdown-item text-uppercase" href="{{ route('academia-tienda-index') }}">Cursos</a></li>
                        <li><a class="dropdown-item text-uppercase" href="{{ route('academia-blog-show') }}">Blog</a></li>
                        <li><hr class="dropdown-divider"></li>
                        
                        @if(Auth::user()->rol_id <= 100)
                        <li>
                            <a class="dropdown-item">
                                <form method="GET" action="{{ route('academia-tienda-index') }}" id="search-course-filtro">
                                    
                                    <input type="hidden" name="tipo" value="2">
                                    
                                    <div class="input-group">
                                        <input type="text" name="producto" class="form-control" placeholder="Buscar Curso" aria-label="Username" aria-describedby="basic-addon1">
                                        <span class="input-group-text bg-primary text-white" id="basic-addon1" onclick="search_filtro_js()">
                                            <i class="fa-solid fa-magnifying-glass"></i>
                                        </span>
                                    </div>
                                </form>
                            </a>
                        </li>
                        @endif
                        
                    </ul>
                </li>
                
            </ul>    
        </div>
        
    </div>
</div>