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

@if(config('site.pop_up_exit') && isset($products) && request()->route()->getName() != 'checkout.index')
@include(config('site.domain').'.layouts.front.modal-exit')
@endif

@include(config("site.domain").'.front.whatsapp')

<header id="menuAjax">
  <section class="d-md-block d-none">

    <div class="container-fluid primary">
      <div class="container">
        <div class="py-2 header-info">
          <div class="d-flex">

            <ul class="mb-0 mr-auto list-inline">
              {{-- <li class="pr-1 list-inline-item font-weight-bolder">
                <a href="{{ route('blog') }}">Blog <i class="fas fa-rss fa-sm"></i></a>
              </li> --}}
              <li class="pr-2 list-inline-item font-weight-bolder">
                <a href="{{ route('contato') }}">Orçamento <i class="far fa-copy fa-sm"></i></a>
              </li>
              <li class="list-inline-item font-weight-bolder ">
                <a @if(auth()->check()) href="{{ route('accounts') }}" @else href="{{ route('autentica.completo') }}"
                  @endif>
                  Favoritos <i class="far fa-heart fa-sm"></i>
                </a>
              </li>
            </ul>

            <ul class="mb-0 ml-auto list-inline">
              <li class="pr-2 list-inline-item font-weight-bolder border-right">
                <a href="https://wa.me/{!! config('shop.country_ddi').config('shop.whatsapp_link') !!}"
                   target="_blank">
                  Compre pelo Whatsapp
                </a>
              </li>
              <li class="pr-2 list-inline-item font-weight-bolder">
                <a href="tel:+5541991578080">
                  <b>Compre pelo Telefone: </b>{{ config('shop.phone') }}
                </a>
              </li>
            </ul>

          </div>
        </div>
      </div>
    </div>

    <div class="container-fluid primary">
      <div class="container pb-3 text-center text-md-left">
        <div class="row">

          <div class="px-0 col-lg-3">
            <div class="view">
              <a href="{{ route('home') }}">
                <img src="{{ asset('storage/logos/logo_eletriza.png') }}"
                     class="mx-auto img-fluid">
              </a>
            </div>
          </div>

          <div class="my-auto text-center col-lg text-md-left">
            @include(config('site.domain').'.layouts.front.form-search')
            {{-- <form action="{{ route('search.product') }}"
            method="get"
            id="search">
            @csrf
            <div class="bg-white input-group md-form btn-rounded">
              <input type="text"
                     class="mt-2 ml-2 border-0 typeahead form-control"
                     name="search"
                     placeholder="bucar produto..."
                     value="{{ old('search', request()->search ) }}">
              <div class="border-none input-group-append">
                <span class="p-3 btn-search pointer"
                      onclick="document.getElementById('search').submit()"><i class="fas fa-search grey-text"></i>
                </span>
              </div>
            </div>
            </form> --}}
          </div>

          <div class="my-auto col-lg-3">
            <div class="row">

              <div class="col-lg-7">

                <div class="row">

                  <div class="col-lg-3">
                    @if(auth()->check())
                    <a href="{{ route('accounts', ['tab' => 'profile']) }}">
                      <i class="mt-3 text-white fas fa-user-alt fa-2x"></i>
                    </a>
                    @else
                    <a href="{{ route('autentica.completo') }}">
                      <i class="mt-3 text-white fas fa-user-alt fa-2x"></i>
                    </a>
                    @endif
                  </div>

                  <div class="pr-0 mt-2 text-white col-lg">
                    @php
                    if(auth()->check()){
                    $name = explode(' ', auth()->user()->name);
                    $firstName = reset($name);
                    } else {
                    $firstName = 'visitante';
                    }
                    @endphp
                    <h6 class="font-weight-bold">Olá, {{$firstName}}!</h6>

                    @if(auth()->check())
                    <span>
                      <a href="{{ route('accounts', ['tab' => 'profile']) }}"
                         class="text-white">
                        <small class="font-weight-bolder">Acessar conta</small>
                      </a>
                      <a href="{{ route('logout') }}"
                         class="text-white"><i class="fas fa-sign-out-alt"></i></a>
                    </span>

                    @else

                    <a href="{{ route('autentica.completo') }}"
                       class="text-white">
                      <small class="font-weight-bold">Faça seu login</small>
                      <i class="fas fa-sign-in-alt"></i>
                    </a>

                    @endif

                  </div>

                </div>
              </div>

              <div class="my-auto col-lg">
                <a href="https://wa.me/{!! config('shop.country_ddi').config('shop.whatsapp_link') !!}"
                   target="_blank">
                  <i class="text-white fab fa-whatsapp fa-3x icone-custom"></i>
                </a>
              </div>

              <div class="my-auto col-lg">
                <a data-toggle="modal"
                   data-target="#cart"
                   class="pointer">
                  <i class="text-white fas fa-shopping-cart fa-2x"></i>
                  <span class="mt-4 ml-4 badge pdt elegant-color position-absolute btn-rounded">{{ $cartCount }}</span>
                </a>
              </div>

            </div>
          </div>

        </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>