@if(config('site.pop_up'))
<!--Modal: modalPopUp-->
<div class="modal fade" id="modalPopUp" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    
    <div class="modal-content transparent z-depth-0">
      
      <div class="modal-body mb-0 p-0 text-center">    
        <a class="piccolino-text"> 
          <img src="{{ asset('storage/images/pop_up_cia.jpeg') }}" class="img-fluid" data-dismiss="modal" >
        </a>                  
      </div>
      
      <div class="modal-footer justify-content-end">
        <button type="button" class="btn btn-red btn-md mr-n2" data-dismiss="modal">Fechar
          <i class="fas fa-times ml-1"></i> 
        </button>
      </div>
      
    </div>
    
  </div>
</div>
<!--Modal: modalPopUp-->
@endif

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

<header>
  {{--VERSÃO DESKTOP--}}
  <section class="d-none d-md-block">
    <div class="container-fluid px-0 primary">
      
      <div class="container py-2">
        <div class="text-right">
          <h6 class="font-weight-bolder text-white mb-0">
            Dúvidas? 
            <a href="{{route('contato')}}" class="text-white font-weight-bold">clique aqui</a> 
          </h6>
        </div>
      </div>
    </div>
    
    <div class="container-fluid secondary">
      <div class="container new-padding">
        <div class="row">
          
          <div class="bg-white area-logo">
            <div class="text-center mt-5">
              <a href="{{ route('home') }}">
                <img src="{{ asset('storage/logos/logo_ciadasloucas_nova.png') }}" class="img-fluid" width="180">
              </a>
            </div>
          </div>
          
          <div class="col-lg-6 text-center ml-auto">
            <form action="{{ route('search.product') }}" method="get" id="search">
              <div class="input-group md-form ">
                <input class="form-control bg-white btn-rounded p-4" type="text" placeholder="Buscar produtos" name="search">
                <div class="input-group-append ml-n4">
                  <span class="py-2 px-3 third search-type">
                    <i class="fas fa-search text-white mt-2"></i>
                  </span>
                </div>
              </div>
            </form>
          </div>
          
          <div class="col-lg-3 my-auto">
            <div class="row">
              
              <div class="col-lg my-auto">
                
                <a data-toggle="modal" data-target="#cart" class="pointer">
                  <div class="row">
                    
                    <div class="col-lg-5 my-auto">                      
                      <img src="{{asset('storage/images/ciadasloucas/cart.png')}}" height="44" alt="carrinho">
                    </div>
                    
                    <div class="col-lg my-auto pr-0">
                      <h6 class="font-weight-bold text-white mb-0">Meu carrinho</h6>
                    </div>
                    
                  </div>
                </a>
                
              </div>
              
              <div class="col-lg my-auto">
                <div class="row">
                  
                  <div class="col-lg-3">
                    <img src="{{asset('storage/images/ciadasloucas/user.png')}}" height="44" alt="usuario">
                  </div>
                  
                  <div class="col-lg text-white my-auto pl-4 ml-2">   
                    @if( auth()->check() )                                     
                    <a href="{{ route('accounts', ['tab' => 'profile']) }}">
                      <h6 class="font-weight-bolder text-white mb-0">Minha conta</h6>
                    </a>
                    @else
                    <a data-toggle="modal" data-target="#modalLRForm" class="pointer text-white">
                      <h6 class="font-weight-bold mb-0">Entrar</h6>
                    </a>
                    @endif
                  </div>
                  
                </div>
              </div>              
              
            </div>
          </div>
          
        </div>
      </div>
      
    </div>
    
    @include(config('site.domain').'.layouts.front.menu-superior')
  </section>
  {{--FIM VERSAO DESKTOP--}}
  
  <section class="d-block d-md-none">
    @include(config('site.domain').'.layouts.front.header-mobile')
  </section>
  
</header>