@extends('layouts.struct')
@section('content')
  <header>
    <div class="container-fluid">
      <div class="row">
        <div class="col-3 col-sm-5 col-md-7 col-lg-5">
          <div class="row">
            <div class="col-md-2">
              <div class="logo">
                <a href="/"><img src="/img/logo.svg" alt="{{ config('website.name') }}"></a>
              </div>
            </div>
            <div class="col d-none d-md-block">
              <ul class="liens">
                <li class="{{ Request::is('/') ? 'active' : '' }}"><a href="/">Accueil</a></li>
                @auth
                  <li class="{{ Request::is('/products') ? 'active' : '' }}"><a href="/products">Nos produits</a></li>
                  <li class="{{ Request::is('home.propos') ? 'active' : '' }}"><a href="/a-propos-de-nous">À propos de nous</a></li>
                @else
                  <li class="{{ Request::is('contact') ? 'active' : '' }}"><a href="/contact">Contact</a></li>
                @endauth
              </ul>
            </div>
          </div>
        </div>
        <div class="account col-9 col-sm-7 col-md-5 col-lg-7 text-right">
          <ul>
            <li class="d-md-none" id="menu-button">
              <div class="btn btn-white">
                <i class="fas fa-bars"></i>
              </div>
            </li>
            @auth
              @if(config('website.catalog') == 1)
                <li class="d-xxl-none" id="search-button">
                  <div class="btn btn-white">
                    <i class="fas fa-search"></i>
                  </div>
                </li>
              @endif

              <li>
                <a class="btn btn-white" href="{{ route('account') }}">
                  <i class="fas fa-user"></i> <span class="d-none d-lg-inline-block">Mon compte</span>
                </a>
              </li>
              @if(config('userSettings')->catalog && config('website.catalog') == 1)
                <li class="">
                  <a class="btn btn-white" href="{{ route('favorites') }}">
                    <i class="fas fa-heart me-1"></i> <span class="d-none d-md-inline-block">Favoris</span>
                  </a>
                </li>
                <li class="li-shopcart">
                  <a class="btn btn-primary" href="{{ route('shopcart') }}">
                    <i class="fas fa-shopping-basket"></i> <span class="d-none d-lg-inline-block">Votre panier</span> (<span id="shopcart-count">{{ config('shopcartCount') ? config('shopcartCount') : 0 }}</span>)
                  </a>
                </li>
                @if(config('website.drive') == 1)
                  <li class="li-drive">
                    <a class="btn btn-primary" href="{{ route('drive') }}">
                      <i class="fas fa-truck me-1"></i> <span class="d-none d-md-inline-block">Drive</span> (<span id="drive-count">{{ config('driveCount') ? config('driveCount') : 0 }}</span>)
                    </a>
                  </li>
                @endif
              @endif
            @else
              <li>
                <a class="btn btn-white" href="{{ route('login') }}">
                  <i class="fas fa-user"></i> <span class="d-none d-lg-inline-block">Connexion</span>
                </a>
              </li>
              @if(config('website.catalog') == 1)
                <li class="li-shopcart">
                  <a class="btn btn-primary" href="{{ route('login') }}">
                    <i class="fas fa-shopping-basket"></i> <span class="d-none d-lg-inline-block">Votre panier</span> <span class="d-none d-sm-inline-block">(<span id="shopcart-count">0</span>)</span>
                  </a>
                </li>
                
                @if(config('website.drive') == 1)
                  <li class="li-drive">
                    <a class="btn btn-primary" href="{{ route('login') }}">
                      <i class="fas fa-truck me-1"></i> <span class="d-none d-md-inline-block">Drive</span> <span class="d-none d-sm-inline-block">(<span id="drive-count">0</span>)</span>
                    </a>
                  </li>
                @endif
              @endif
            @endauth
          </ul>

          @auth
            @if(config('website.catalog') == 1)
              <div class="search d-none d-xxl-block">
                <div class="input-group input-group-sm" id="search">
                  <button type="submit" class="input-group-text"><i class="fas fa-search"></i></button>
                  <input type="text" class="form-control" name="search" placeholder="Kinder, Clipper ...">
                  <div class="bar-code">
                    <i class="fas fa-barcode"></i>
                  </div>
                </div>
              </div>
            @endif
          @endauth
        </div>
      </div>
    </div>
  </header>

  <div id="app" class="pages">
    <div class="notifications" id="notifications"></div>

    <div class="page">
      @yield('page')
    </div>
  </div>

  @guest
    <div class="professionals">
      Ce site internet est réservé à des professionnels, <a href="https://pipal-dev.fr/rejoindre" alt="Devenir client">vous devez être client</a> pour pouvoir passer une commande.
    </div>
  @endguest

  @include('layouts._partials.footer')

  <div class="liens-m">
    <ul>
      <li><a href="/">Accueil</a></li>
      <li><a href="/products">Nos produits</a></li>
      @auth
        @if(config('userSettings')->catalog && config('website.catalog') == 1)
          <li><a href="/catalog">Catalogue du moment</a></li>
          <li><a href="/products/best">Meilleures ventes</a></li>
          <li><a href="/products/last">Dernières nouveautés</a></li>
          <li><a href="/buy-again">Acheter à nouveau</a></li>
          <li><a href="{{ route('favorites') }}">Mes produits favoris</a></li>
        @endif
      @endauth
      <li><a href="/contact">Contact</a></li>
    </ul>
    <div class="liens-close">
      <i class="fas fa-chevron-circle-up"></i>
    </div>
  </div>

  <div class="search-m">
    <div class="search">
      <div class="input-group input-group-sm" id="search-m">
        <button type="submit" class="input-group-text"><i class="fas fa-search"></i></button>
        <input type="text" class="form-control" name="search" placeholder="Kinder, Clipper ...">
        <div class="bar-code">
          <i class="fas fa-barcode"></i>
        </div>
      </div>
    </div>
    <div class="search-close">
      <i class="fas fa-chevron-circle-up"></i>
    </div>
  </div>
@endsection