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

<header>
  <section class="d-none d-md-block">
    <div class="container-fluid primary">
      <div class="container">
        
        <ul class="list-inline text-right py-1 mb-0">
          <li class="list-inline-item pr-2 border-right">
            <a href="https://wa.me/{!! config('shop.country_ddi').config('shop.whatsapp_link') !!}" target="_blank" class="font-weight-bolder text-white">
              Compre pelo Whatsapp <i class="fab fa-whatsapp fa-lg"></i>
            </a>
          </li>
          <li class="list-inline-item pr-2 font-weight-bolder text-white">
            <b>Compre pelo Telefone: </b>
            <span class="font-weight-bolder">{{ config('shop.phone') }} </span>
          </li>
        </ul>
        
      </div>
    </div>
    
    <div class="container">
      <div class="row mt-1">
        
        <div class="col-lg-4 text-center my-auto">
          <a class="navbar-brand" href="{{route('home')}}">
            <img src="{{ asset('storage/logos/logo_jaraguapneus.jpeg') }}" class="img-fluid" alt="{{config('app.name')}}">
          </a>
        </div>
        
        <div class="col-lg-6 ml-auto my-auto">
          
          <div class="row">
            
            <div class="col-lg my-auto">
              <div class="row">
                <div class="col-lg-3 my-auto">
                  <img src="{{ asset('storage/images/phone-speed.png') }}" height="40" alt="Telefone">
                </div>
                <div class="col-lg fosco-text mt-2 text-md-left">
                  <h6 class="fosco-text pl-2">
                    <small><b>{{ config('shop.phone') }}</b></small>
                  </h6>
                </div>
              </div>
            </div>
            
            <div class="col-lg my-auto">
              <div class="row">
                
                <div class="col-lg-3 my-auto">
                  <img src="{{ asset('storage/images/user.png') }}" alt="login/cadastro">
                </div>
                
                <div class="col-lg my-auto">
                  <h6 class="font-weight-bold fosco-text mb-0">
                    Olá, @if(auth()->check()) {{ auth()->user()->name }} @else visitante!@endif
                  </h6>
                  @if( auth()->check())
                  <a href="{{ route('accounts', auth()->id()) }}">
                    <h6 class="font-weight-bolder fosco-text mb-0">
                      <small>Acessar conta</small><i class="fas fa-angle-down ml-1"></i>
                    </h6>
                  </a>
                  @else
                  <a href="{{ route('autentica.completo') }}" class="my-auto pointer">
                    <h6 class="fosco-text mb-0">
                      <small>Faça seu <strong class="fosco">login</strong></small>
                      <i class="fas fa-angle-down ml-1"></i>
                    </h6>
                  </a>
                  @endif                
                </div>
                
              </div>
            </div>
            
            <div class="col-lg my-auto">
              <a data-toggle="modal" data-target="#cart">
                <div class="row">
                  <div class="col-lg-3 my-auto">
                    <img src="{{ asset('storage/images/cart.png') }}" alt="carrinho de compras">
                  </div>
                  <div class="col-lg my-auto pl-0">
                    <small>Ver meus <strong class="blue-speed-text">produtos</strong></small>
                    <i class="fas fa-angle-down ml-1"></i>
                  </div>
                </div>
              </a>
            </div>
            
          </div>
          
          <div class="justify-content-right">
            <form action="{{ route('search.product') }}" method="get" id="search">
              <div class="input-group border-radius-custom ml-auto mt-2 py-3 gray-200">
                <input class="form-control gray-200  typeahead border-0" type="text" placeholder="Pesquisar produtos" name="search">
                <div class="input-group-append">
                  <span class="input-group-text border-0 menu-search">
                    <i class="fas fa-search fosco-text fa-lg pr-4" onclick="document.getElementById('search').submit();" style="cursor: pointer;"></i>
                  </span>
                </div>
              </div>
            </form>
          </div>
          
        </div>
        
      </div>
    </div>
    
    @include(config('site.domain').'.layouts.front.menu-superior')
    
  </section>
  
  <section class="d-block d-md-none">
    @include(config('site.domain').'.layouts.front.header-mobile')
  </section>
  
</header>