@php
$link = 0;
$paginas = App\Pagina::where('menu', 1)->orderBy('ordem')->get();
$menus = App\MenuSegmento::select('segmento', 'id_segmento')->where('web_mn_main', '>', 0)->groupBy('segmento', 'id_segmento')->orderBy('web_mn_main')->get();
@endphp

@include("layouts.front.carts.cart-modal-mdb5")

<header>
  <section class="d-md-block d-none">
    <div class="container-fluid gray-100">
      
      <div class="container py-1">
        
        <div class="d-flex text-center">
          
          <ul class="list-inline mb-0 mr-auto">
            <li class="list-inline-item fosco-text mr-3">
              <img src="{{ asset('/storage/images/pneu/card.png') }}" height="25">
              <small class="font-weight-bold"> 
                PARCELE EM ATÉ {!! config('cart.parc_sem_juros') !!}X S/ JUROS
              </small>
            </li>
            <li class="list-inline-item font-weight-bolder fosco-text mr-3">
              <img src="/storage/images/pneu/security.png" height="25">
              <small class="font-weight-bold"> SITE SEGURO</small>
            </li>
            <li class="list-inline-item font-weight-bolder fosco-text mr-3">
              <img src="{{ asset('/storage/images/pneu/contact.png') }}" height="25">
              <small class="font-weight-bold"> {!! config('shop.phone') !!}</small>
            </li>
          </ul>
          
          <ul class="list-inline ml-lg-auto mx-auto mb-0 mx-lg-0">
            <li class="list-inline-item border-right pr-2">
              <a href="" class="primary-text">
                <small class="font-weight-bold">SOBRE A EMPRESA</small>
              </a>
            </li>
            <li class="list-inline-item">
              <a href="{{route('contato')}}" class="primary-text">
                <small class="font-weight-bold">FALE CONOSCO</small>
              </a>
            </li>
          </ul>
          
        </div>
        
      </div>
      
    </div>
    
    <div class="container">
      
      <div class="row">
        
        <div class="col-lg-3 text-right my-auto">
          <a href="{{ route('home') }}">
            <img src="{{ asset('storage/logos/logo_ultrapneus.jpeg') }}" height="120" alt="{{config('app.name')}}">
          </a>
        </div>
        
        <div class="col-lg my-auto">
          <form action="{{ route('search.product') }}" method="get" id="search" class="form-inline justify-content-center">
            <input type="text" class="form-control form-control-lg typeahead w-75" name="search" placeholder="Buscar produto">
            <button class="btn btn-red btn-pesquisar p-0" type="submit">PESQUISAR</button>
          </form>
        </div>
        
        <div class="col-lg-3 my-auto">
          
          <div class="row">
            
            <div class="col-lg-7 my-auto">
              
              @if(auth()->check())
              
              <div class="row">
                <div class="col-lg-3 my-auto">
                  <a href="{{ route('accounts', ['tab' => 'profile']) }}">
                    <img src="{{ asset('storage/images/user.png') }}">
                  </a>
                </div>
                
                <div class="col-lg text-md-left my-auto">
                  <h6 class="font-weight-bold fosco-text">Olá, {{ auth()->user()->name }}</h6>                
                  <small>
                    <a href="{{ route('accounts', ['tab' => 'profile']) }}">
                      <strong class="fosco-text">Minha conta</strong>
                      <i class="fas fa-angle-right fosco-text ml-1"></i>
                    </a>
                  </small>              
                </div>
              </div>
              
              @else
              
              <a data-toggle="modal" data-target="#modalLRForm" class="pointer">
                <div class="row">
                  <div class="col-lg-3 my-auto">
                    <img src="{{ asset('storage/images/user.png') }}">
                  </div>
                  
                  <div class="col-lg my-auto text-md-left ">
                    <h6 class="font-weight-bold fosco-text">Olá, visitante!</h6>
                    <h6>
                      <small>Faça seu <strong class="fosco-text">login</strong></small><i class="fas fa-angle-down ml-1"></i>
                    </h6>
                  </div>
                </div>
              </a>
              
              @endif
              
            </div>
            
            <div class="col-lg-4 my-auto text-center">
              <a data-toggle="modal" data-target="#cart" class="pointer">
                <img src="{{ asset('storage/images/cart.png') }}" class="" alt="Meus produtos" >
                <h6 class="fosco-text font-weight-bolder mb-0">
                  <span class="badge elegant-color btn-rounded float-right mr-2 mt-n3 ">
                    {{ $cartCount }}
                  </span>
                  <small>CARRINHO</small>
                </h6>
              </a>
            </div>
            
          </div>
          
        </div>
        
      </div>
    </div>
    
    <nav class="navbar-expand-lg navbar-light primary border-bottom d-lg-block d-none">
      
      <div class="container">
        
        <div class="collapse navbar-collapse d-flex justify-content-center" id="menu-principal">
          <h2 class="font-weight-bold text-white text-center p-2">100% dos pneus do site em estoque próprio e com envio imediato!</h2>
        </div>
        
      </div>
      
    </nav>
  </section>
  
  <section class="d-block d-md-none">
    @include(config("site.domain").".layouts.front.header-mobile")
  </section>
  
</header>