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

<header>
  @if (config('site.catalogo_produtos'))
  @include(config('site.domain').'.layouts.front.modal-desconto')
  @endif
  <section class="d-none d-md-block">

    <nav class="navbar-expand-lg navbar-light scrolling-navbar menu">
      <div class="container">
        <div class="m-0 row">

          <div class="my-auto col-lg-3">
            <div class="view">
              <a href="{{ route('home')}}">
                <img src="{{ asset('storage/logos/logo_vitas.png') }}" height="75" alt="{{config('app.name')}}">
              </a>
            </div>
          </div>

          <div class="col-lg">
            <form action="{{ route('search.product') }}" method="get" id="search">
              <div class="m-2 bg-white border input-group md-form">
                <input class="p-3 mt-3 border-0 form-control" type="text" placeholder="Buscar produto" name="search" value="{{ old('search', request()->input('search')) }}">
                <div class="input-group-append">
                  <i class="p-4 fas fa-search pointer" onclick="document.getElementById('search').submit();"></i>
                </div>
              </div>
            </form>
          </div>

          <div class="col-lg-3 d-flex justify-content-center">

            <div class="d-flex">

              <a href="{{ route('blog') }}" class="p-2 mx-1">
                <i class="p-2 fas fa-blog text-dark fa-2x"></i>
                <p class="mb-0 font-weight-bold text-dark">Blog</p>
              </a>

              <div class="mx-2 mt-2 text-center dropdown">

                <a data-toggle="dropdown" class="pointer">
                  <i class="p-2 far fa-user-circle preto-text fa-2x"></i>
                  <p class="mb-0 font-weight-bold preto-text">Conta</p>
                </a>

                <div class="dropdown-menu">
                  @if(auth()->check())
                  <a class="dropdown-item" href="{{ route('logout') }}">
                    <i class="mr-1 fas fa-sign-out-alt"></i> Sair
                  </a>
                  <a class="dropdown-item" href="{{ route('accounts', ['tab' => 'profile']) }}">
                    <i class="mr-1 fas fa-user-circle"></i> Minha Conta
                  </a>
                  <a class="dropdown-item" href="{{ route('accounts', ['tab' => 'orders']) }}">
                    <i class="mr-1 fas fa-cart-plus"></i> Pedidos
                  </a>
                  <a class="dropdown-item" href="{{ route('accounts', ['tab' => 'wishes']) }}">
                    <i class="mx-1 fas fa-heart"></i> Lista de Desejos
                  </a>
                  @else
                  <a href="{{ route('autentica.completo') }}" class="dropdown-item">
                    <i class="mr-1 fas fa-sign-in-alt"></i> Login
                  </a>
                  @endif
                </div>

              </div>

              <a data-toggle="modal" data-target="#cart" class="p-2 ml-3 pointer produto primary">
                <i class="p-2 ml-2 text-white fas fa-shopping-cart fa-2x"></i>
                <span class="badge bg-dark btn-rounded total-quantidade ml-n4">{{ $cartCount }}</span>
                <p class="mb-0 text-white font-weight-bold">Carrinho</p>
              </a>

            </div>

          </div>

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

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