@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', 'web_mn_main')->orderBy('web_mn_main')->get();
@endphp

@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 header-info">
      
      <div class="container">
        <div class="row">
          <div class="col-lg py-1 text-center">
            <a href="{{ route('contato') }}"><h6>Solicite um orçamento</h6></a>
          </div>
          <div class="col-lg py-1 text-center">
            <h6>Monte seu pedido no site, retire na loja</h6>
          </div>
          <div class="col-lg py-1 text-center">
            <h6>Parcele em até {!! config('cart.parc_sem_juros')!!} vezes sem juros</h6>
          </div>
        </div>
      </div>
    </div>
    
    <div class="container-fluid orange-header">
      <div class="container text-center text-md-left">
        <div class="row">
          
          <div class="col-lg-3">
            <div class="view pt-4">
              <a href="{{ route('home') }}">
                <img src="{{ asset('storage/logos/logo_ciadasloucas.png') }}" class="img-fluid mx-auto" width="150">
              </a>
            </div>
          </div>
          
          <div class="col-lg text-center text-md-left">
            <form action="{{ route('search.product') }}" method="get" id="search">
              <div class="input-group md-form mt-4 pt-3">
                <input class="form-control border-none my-0 white" type="text" placeholder="Buscar produtos" name="search" value="{{ old('search', request()->input('search')) }}">
                <div class="input-group-append border-none">
                  <span class="p-3 white"><i class="fas fa-search"></i></span>
                </div>
              </div>
            </form>
          </div>
          
          <div class="col-lg-3">
            <div class="row py-header">
              
              <div class="col-lg col-6">
                <div class="row">
                  <div class="col-lg-3">
                    <i class="fas fa-user-alt fa-2x mt-3 white-text"></i>
                  </div>
                  <div class="col-lg white-text mt-2">
                    @php
                    if(auth()->check()){
                      $name = explode(' ', auth()->user()->name);
                      $firstName = reset($name);
                    } else {
                      $firstName = 'visitante';
                    }
                    @endphp
                    <h6 class="font-weight-bold">Ol&aacute;, {!! $firstName !!}!</h6>
                    @if (auth()->check())
                    <a href="{{ route('accounts', ['tab' => 'profile']) }}" class="white-text">
                      <h6><small>Minha <strong>conta</strong></small> <i class="fas fa-sign-out-alt" alt="Sair" title="Sair"></i></h6>
                    </a>
                    @else
                    <a data-toggle="modal" data-target="#modalLRForm">
                      <h6><small>Faça seu <strong>login</strong></small> <i class="fas fa-sign-in-alt"></i></h6>
                    </a>
                    @endif
                  </div>
                </div>
              </div>
              
              <div class="col-lg-4 col-6 my-auto">
                <a data-toggle="modal" data-target="#cart" class="btn btn-md box-orange pb-0">
                  <i class="fas fa-shopping-cart fa-2x"></i>
                  <span class="badge pdt black btn-rounded">{{ $cartCount }}</span>
                </a>
              </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>