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

<header>
  {{--VERSÃO DESKTOP--}}
  <section class="d-none d-md-block">
    
    <div class="container-fluid my-2">
      <div class="container text-center text-md-left">
        <div class="row">
          
          <div class="col-lg-3 my-auto">
            <div class="view">
              <a href="{{ route('home') }}">
                <img src="{{ asset('storage/logos/logo_santalucia.png') }}" class="img-fluid mx-auto" alt="{{config('app.name')}}">
              </a>
            </div>
          </div>
          
          <div class="col-lg text-center text-md-left my-auto">
            <form action="{{ route('search.product') }}" method="get" id="search">
              <div class="input-group md-form gray-200 border-radius-custom py-2">
                <input class="form-control typeahead gray-200 border-0 my-0 p-4" type="text" placeholder="buscar produtos..." name="search">
                <div class="input-group-append border-0">
                  <span class="p-3"><i class="fas fa-search secondary-text"></i></span>
                </div>
              </div>
            </form>
          </div>
          
          <div class="col-lg-3 my-auto">
            <div class="row">
              
              <div class="col-lg col-6">
                <div class="row">
                  
                  <div class="col-lg-3">
                    <div class="mt-2 pt-1">
                      <img src="{{asset('storage/images/user.png')}}" alt="login/cadastro">
                    </div>
                  </div>
                  
                  <div class="col-lg fosco-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']) }}">
                      <h6 class="fosco-text"><small>Minha <strong>conta</strong></small></h6>
                    </a>
                    
                    @else
                    
                    @if (intval(config('site.login.integra_ls.ativa')) === 1)
                    <a href="{{ route('autentica.completo') }}">
                      <h6 class="text-dark"><small>Faça seu <strong>login</strong></small> 
                        <i class="fas fa-sign-in-alt"></i>
                      </h6>
                    </a>
                    @else
                    <a data-toggle="modal" data-target="#modalLRForm" class="pointer">                 
                      <h6 class="text-dark"><small>Faça seu <strong>login</strong></small> 
                        <i class="fas fa-sign-in-alt"></i>
                      </h6>
                    </a>
                    @endif
                    
                    @endif
                    
                  </div>
                  
                </div>
              </div>
              
              <div class="col-lg-4 col-6 my-auto pl-0">
                <a data-toggle="modal" data-target="#cart" class="btn btn-md rounded orange-shadow pointer pr-custom py-3">
                  <i class="fas fa-shopping-cart fa-2x"></i>
                  <span class="badge pdt bg-dark btn-rounded position-absolute mt-4">
                    {{ $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>