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

<header>

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

    <div class="primary header-info">

      <div class="container text-center text-white">
        <div class="row">
          <div class="pt-2 pb-1 col-lg ">
            <h6 class="font-weight-bolder">
              <a href="{{route('contato')}}" class="text-white">Solicite um orçamento</a>
            </h6>
          </div>
          <div class="pt-2 pb-1 col-lg">
            <h6 class="font-weight-bolder">Compre no site, retire na loja</h6>
          </div>
          <div class="pt-2 pb-1 col-lg ">
            <h6 class="font-weight-bolder">Pague em até 3 vezes sem juros</h6>
          </div>
        </div>
      </div>

    </div>

    <div class="container">
      <div class="row">

        <div class="my-auto text-center col-lg">
          <a href="{{ route('home')}}">
            <img src="{{asset('storage/logos/logo_rsj.png')}}" alt="{{config('app.name')}}" class="img-fluid">
          </a>
        </div>

        <div class="my-auto text-center col-lg-6 text-md-left">
          <form action="{{ route('search.product') }}" method="get" id="search">
            <div class="py-2 input-group md-form gray-200 border-radius-custom">
              <input class="pl-4 mt-2 border-0 form-control transparent" type="text" placeholder="buscar produtos..." name="search" value="{{ old('search', request()->input('search')) }}">
              <div class="border-0 input-group-append">
                <span class="p-3"><i class="fas fa-search"></i></span>
              </div>
            </div>
          </form>
        </div>

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

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

              <div class="row">

                <div class="col-lg-4">
                  <img src="{{asset('storage/images/user.png')}}" alt="Login/Cadastro">
                </div>

                <div class="pl-0 col-lg">

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

                  <a href="{{ route('accounts', ['tab' => 'profile']) }}" class="text-left">
                    <h6 class="font-weight-bold fosco-text">BEM-VINDO,</h6>
                    <small class="fosco-text">Acessar Conta
                      <i class="ml-1 fas fa-angle-down fosco-text"></i>
                    </small>
                  </a>

                  @else

                  <a href="{{ route('autentica.completo') }}" class="pointer">
                    <h6 class="font-weight-bold fosco-text">BEM-VINDO,</h6>
                    <small class="fosco-text">Faça seu <b class="fosco-text">login</b></small>
                    <i class="ml-1 fas fa-angle-down fosco-text"></i>
                  </a>

                  @endif

                </div>

              </div>

            </div>

            <div class="col-lg">
              <a data-toggle="modal" data-target="#cart" class="font-weight-bolder text-dark pointer" title="Meus produtos">

                <div class="mx-auto">
                  <img src="{{asset('storage/images/cart.png')}}">
                  <div class="mt-n3">
                    <span class="ml-4 badge badge-pill elegant-color">{{ $cartCount }}</span>
                  </div>
                </div>

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