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

<header>

  @if (config('cart.desconto_iniciante'))
    @include(config('site.domain').'.layouts.front.modal-desconto')
  @endif

  <section class="d-md-block d-none">

    <div class="container py-2 border-bottom">
      @php
        if (auth()->check()) {
            $name = explode(' ', auth()->user()->name);
            $firstName = reset($name);
        } else {
            $firstName = 'visitante';
        }
      @endphp

      <div class="d-flex">
        <ul class="mb-0 list-inline">
          <li class="list-inline-item">
            Olá {!! $firstName !!},

            @if (auth()->check())

              <a href="{{ route('accounts', ['tab' => 'profile']) }}" class="primary-text font-weight-bolder">
                minha conta <i class="fas fa-user-check"></i>
              </a>
              <a href="{{ route('logout') }}" class="primary-text font-weight-bolder">
                sair <i class="fas fa-sign-out-alt"></i>
              </a>

            @else

              <a @if (intval(config('site.login.integra_ls.ativa')) === 1) href="{{ route('autentica.completo') }}" @else data-toggle="modal" data-target="#modalLRForm" @endif class="primary-text">
                acesse ou cadastre-se <i class="fas fa-sign-in-alt"></i>
              </a>

            @endif
          </li>
        </ul>

        <ul class="mb-0 ml-auto list-inline">
          @if (config('shop.whatsapp_link'))
            <li class="list-inline-item">
              <a href="https://api.whatsapp.com/send?phone={{ config('shop.whatsapp_link') }}" target="_blank"
                class="text-dark">
                <i class="fab fa-whatsapp text-success fa-lg"></i> envie um Whats
              </a>
            </li>
          @endif
          @if (auth()->check())
            <li class="list-inline-item">
              <a href="{{ route('accounts', ['tab' => 'orders']) }}" class="primary-text font-weight-bolder">
                <i class="fas fa-grip-lines-vertical"></i> Meus Pedidos
              </a>
              <a href="{{ route('accounts', ['tab' => 'profile']) }}" class="primary-text font-weight-bolder">
                <i class="fas fa-grip-lines-vertical"></i> Minha conta
              </a>
            </li>
          @endif
        </ul>
      </div>

    </div>

    <div class="container my-2">

      <div class="row">

        <div class="my-auto col-md-3">
          <a href="{{ route('home') }}">
            <div class="bg-image">
              <img class="img-fluid" src="{{ asset('storage/logos/logo_piccolinos.png') }}"
                alt="{{ config('app.name') }}">
            </div>
          </a>
        </div>

        <div class="col-md-6">

          <div class="row justify-content-center">
            @if (config('shop.whatsapp'))
              <div class="text-left col-md-4 font-weight-bold">
                <a href="tel: {{ config('shop.whatsapp') }}" target="_blank" class="text-dark font-nunito">
                  <i class="fas fa-mobile"></i> {{ config('shop.whatsapp') }}
                </a>
              </div>
            @endif
            @if (config('shop.phone'))
              <div class="text-center col-md-4 font-weight-bold">
                <a href="tel: {{ config('shop.phone') }}" class="text-dark font-nunito">
                  <img src="{{ asset('images/phone.png') }}" height="20">
                  {{ config('shop.phone') }}
                </a>
              </div>
            @endif
          </div>

          <div class="text-center">
            <a href="{{ config('shop.facebook') }}" target="_blank">
              <i class="p-1 fab fa-facebook fa-2x text-primary"></i>
            </a>
            <a href="{{ config('shop.instagram') }}" target="_blank">
              <i class="p-1 fab fa-instagram fa-2x text-danger"></i>
            </a>
            <a href="mailto: {{ config('shop.email') }}">
              <i class="p-1 fas fa-envelope fa-2x text-warning"></i>
            </a>
          </div>

          <form action="{{ route('search.product') }}" method="get" id="search">
            <div class="input-group">
              <input type="text" class="py-4 bg-white border-0 rounded typeahead form-control" name="search"
                placeholder="Buscar produtos">
              <i class="p-3 fas fa-search primary" onclick="document.getElementById('search').submit();"></i>
            </div>
          </form>

        </div>

        <div class="text-center col-md-3">
          @if (auth()->check())
            <a href="{{ route('accounts', ['tab' => 'profile']) }}" class="primary-text"> Minha Conta </a>
          @else
            <a @if (intval(config('site.login.integra_ls.ativa')) === 1) href="{{ route('autentica.completo') }}" @else data-toggle="modal" data-target="#modalLRForm" @endif class="primary-text pointer">
              Entrar
            </a>
          @endif

          <a data-toggle="modal" data-target="#cart" class="pointer">
            <i class="fas fa-grip-lines-vertical"></i> Minha cesta
            <img src="{{ asset('images/gas.png') }}" height="100"><br>
            <span class="text-danger font-italic">
              {{ $cartCount }} item(s) [{{ config('cart.currency_symbol') }}
              {{ number_format($cartTotal, 2, ',', '.') }}]
            </span>
          </a>
        </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>