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

<header>
  {{--VERSÃO DESKTOP--}}
  <section class="d-none d-md-block">
    
    <div class="container-fluid border-bottom">
      <div class="container header-info">
        <div class="d-flex">
          
          <ul class="list-inline mb-0 py-2">
            <li class="list-inline-item px-2">
              <span class="font-weight-bolder fosco-text">
                <i class="far fa-clock mr-1"></i>Atendimento: 08:30h às 18hrs 
              </span>
            </li>
          </ul>
          
          <ul class="list-inline ml-auto mb-0 py-2">
            <li class="list-inline-item border-right px-2">
              <a href="#!">
                <span class="font-weight-bolder fosco-text">
                  <i class="fas fa-phone mr-1"></i>{{ config('shop.phone') }}
                </span>
              </a>
            </li>
            <li class="list-inline-item">
              <a href="mailto:{{ config('shop.email') }}">
                <span class="font-weight-bolder fosco-text">
                  <i class="fas fa-comments mr-1"></i>{{ config('shop.email') }}
                </span>
              </a>
            </li>
          </ul>
          
        </div>				
      </div>
    </div>
    
    <div class="container">
      <div class="row">
        
        <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">
              <input class="form-control border-0 my-0 transparent pt-4 pl-4" type="text" placeholder="buscar produtos..." name="search" value="{{ old('search', request()->input('search')) }}">
              <div class="input-group-append border-0">
                <span class="p-3"><i class="fas fa-search"></i></span>
              </div>
            </div>
          </form>
        </div>
        
        <div class="col-lg mb-3">
          <div class="view">
            <a href="{{ route('home') }}">
              <img src="{{ asset('storage/logos/logo_polisani.png') }}" class="img-fluid mx-auto">
            </a>
          </div>
        </div>
        
        <div class="col-lg my-auto">
          <div class="row">
            
            @php
            if(auth()->check()){
              $name = explode(' ', auth()->user()->name);
              $text = reset($name);
            } else {
              $text = 'BEM-VINDO';
            }
            @endphp
            
            <div class="col-lg-6">
              <a class="pointer" @if(auth()->check()) href="{{ route('accounts', ['tab' => 'profile']) }}" @else data-toggle="modal" data-target="#modalLRForm" title="Login/Cadastro" @endif>
                <div class="row"> 
                  
                  <div class="col-lg-4 pr-1">
                    <div class="view">
                      <img src="{{asset('storage/images/user.png')}}" alt="login/cadastro">
                    </div>
                  </div>
                  
                  <div class="col-lg-8 pl-0"> 
                    <h6 class="font-weight-bold fosco-text">{{$text}},</h6>
                    @if(auth()->check())
                    <small class="fosco-text">minha conta</small>
                    @else 
                    <small class="fosco-text">
                      Faça seu
                      <strong class="text-dark">login</strong>
                    </small>
                    @endif
                    <i class="fas fa-angle-down fosco-text ml-1"></i>
                  </div>                               
                  
                </div>
              </a>
            </div>
            
            <div class="col-lg">
              <a data-toggle="modal" data-target="#cart" class="font-weight-bolder pointer text-dark" title="Meus produtos">
                <div class="row"> 
                  
                  <div class="col-lg-4">
                    <img src="{{asset('storage/images/cart.png')}}" alt="carrinho de compras">
                    <div class="text-right mt-n3">
                      <span class="badge badge-pill bg-dark">{{ $cartCount }}</span>
                    </div>
                  </div>
                  
                  <div class="col-lg"> 
                    <h6 class="font-weight-bold fosco-text">CARRINHO</h6>
                    <small class="font-weight-bolder font-nunito">TOTAL R$
                      <span>{{ number_format($cartTotal, 2, ',', '.')}}</span> 
                    </small>
                  </div>
                  
                </div>
              </a>
            </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>