@extends('layouts.pages')
@section('page')
  @include('layouts._partials.liens')

  <div class="home">
    @auth
      @if(config('website.catalog') == 1)
        <div class="introduction">
          <div class="container-fluid">
            <div class="row">
              <div class="col-xl-8">
                @if(!$promote->isEmpty())
                  <div id="carouselHome" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                      @foreach ($promote as $p)
                        @if($p->url != '')
                          <a class="carousel-item @if($loop->first) active @endif" style="background-image: url('{{ config('app.url_backoffice') }}/storage/S/promote/{{ $p->image }};" href="{{ $p->url }}"></a>  
                        @else
                          <div class="carousel-item @if($loop->first) active @endif" style="background-image: url('https://place.linradigital.fr/500/600');"></div>
                        @endif
                      @endforeach
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselHome" data-bs-slide="prev">
                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                      <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselHome" data-bs-slide="next">
                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
                      <span class="visually-hidden">Next</span>
                    </button>
                  </div>
                @else
                  <div class="showcase">
                    <div class="row">
                      <div class="col-md-7">
                        <div class="text">
                          <h2>Augmentez rapidement votre chiffre d'affaires <span>Vapotage</span> !</h2>
                          <p>Le Elf Bar 600 est un Pod à usage unique qui offre une excellente restitution des saveurs notamment grâce à un système de chauffe uniforme au niveau de la résistance. De plus, la batterie peut fournir jusqu’à 600 bouffées pour une expérience de vapotage prolongée et des arômes toujours fidèles.</p>

                          <ul>
                            <li><i class="fas fa-check-circle"></i> 26 saveurs à découvrir</li>
                          </ul>
                        </div>
                      </div>
                      <div class="col-md-5">
                        <div class="image"></div>
                      </div>
                    </div>
                  </div>
                  {{--
                    <div class="showcase spring">
                      <div class="title">
                        Découvrez
                        <br/><b>le nouveau catalogue</b>
                        <br/><span>Printemps</span>
                      </div>

                      <ul>
                        <li>
                          <a href="/pdf/2024_printemps_fumeur.pdf" target="_blank">
                            Fumeur
                            <div class="more"><i class="fas fa-arrow-right"></i></div>
                          </a>
                        </li>
                        <li>
                          <a href="/pdf/2024_printemps_confiseries.pdf" target="_blank">
                            Confiseries
                            <div class="more"><i class="fas fa-arrow-right"></i></div>
                          </a>
                        </li>
                      </ul>
                    </div>
                  --}}
                @endif
              </div>
              <div class="col-12 col-xl-4 right">
                <div class="row">
                  <div class="col-12 col-md-6 col-xl-12">
                    <a class="shortcut-products" href="/products">
                      <div class="title">
                        {{ config('texts.shortcut') }} <small>{{ config('texts.shortcut_products') }}</small>
                      </div>
                      <img src="/img/products.png" alt="Nos produits">
                      <div class="more">
                        <i class="fas fa-arrow-right"></i>
                      </div>
                    </a>
                  </div>
                  <div class="col-12 col-md-6 col-xl-12">
                    <a class="shortcut-catalog" href="/catalog">
                      <div class="title">
                        {{ config('texts.shortcut') }} <small>{{ config('texts.shortcut_catalog') }}</small>
                      </div>
                      <img src="/img/catalog.png" alt="Notre catalogue">
                      <div class="more">
                        <i class="fas fa-arrow-right"></i>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        @if(!$categories->isEmpty())
          <div class="h-categories">
            <div class="container-fluid">
              <h2>{{ config('texts.home_category') }}</h2>
              <h3>{{ config('texts.home_category_description') }}</h2>

              <div class="row">
                @foreach ($categories as $c)
                  <div class="col-6 col-xl-3">
                    <a class="bloc" href="/products/category/{{ $c->code }}" style="background-image: url('{{ $c->image ? config('app.url_backoffice').'/storage/categories/'.$c->image : '/img/picture.png'}}');">
                      <span>{{ $c->name }}</span>
                    </a>
                  </div>
                @endforeach
              </div>
            </div>
          </div>
        @endif

        @if(!$products->isEmpty())
          <div class="h-products products">
            <div class="container-fluid">
              <h2>{{ config('texts.home_products') }}</h2>
              <h3>{{ config('texts.home_products_description') }}</h2>

              <input type="hidden" name="token" id="token" value="{{ csrf_token() }}" />

              <div class="row">
                @foreach ($products as $p)
                  <div class="col-6 col-lg-4 col-xl-3">
                    <div class="item">
                      <a href="/products/product/{{ $p['id'] }}">
                        <div class="image" style="background-image: url('{{ $p->image ? config('app.url_backoffice').'/storage/'.$p->image : '/img/picture.png'}}');">
                          @if(config('website.drive') == 1 && $p['drive'] == 1)
                            <img src="/img/drive.svg" alt="{{ config('texts.home_products_drive') }}"/>
                          @endif
                        </div>
                        <div class="text @auth @if(config('userSettings')->catalog && config('website.catalog') == 1) text-user @endif @endauth">
                          <h3>{{ $p['name_short'] ? $p['name_short'] : $p['name'] }}</h3>

                          @auth
                            @if(config('userSettings')->catalog && config('website.catalog') == 1)
                              <small class="d-block">{{ config('texts.home_products_reference') }} : {{ $p['code'] }}</small>
                              <div class="price">
                                {{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($p->id), 3, ',', ' ') }} € <small> HT</small>
                              </div>
                              <div class="price-tva">
                                <div class="content">
                                  {{ number_format(App\Http\Controllers\HelpersController::tva(App\Http\Controllers\Products\ProductsRulesController::price($p->id), $p['code']), 3, ',', ' ') }} € <small> TTC</small>
                                </div>
                              </div>
                              <div class="price-unite">
                                {{ config('texts.home_products_sell_by') }} <b>{{ $p->conditioning }} {{ $p->conditioning > 1 ? 'unités' : 'unité'}}</b>, {{ config('texts.home_products_soit') }}
                                @if($p->conditioning)
                                  <b>{{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($p->id)*$p->conditioning, 3, ',', ' ') }} € <small> HT</small></b>
                                @else
                                  <b>{{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($p->id), 3, ',', ' ') }} € <small> HT</small></b>
                                @endif
                                {{ config('texts.home_products_qty') }}.
                              </div>
                            @endif
                          @endauth
                        </div>
                      </a>
                      @auth
                        @if(config('userSettings')->catalog && config('website.catalog') == 1)
                          <div class="row">
                            <div class="col">
                              <div class="addToCart" data-product="{{ $p->id }}">
                                <i class="fas fa-cart-arrow-down"></i> {{ config('texts.home_products_add_shopcart') }}
                              </div>
                            </div>

                            @if(config('website.drive') == 1 && $p['drive'] == 1)
                              <div class="mt-2 col-md-5 mt-md-0 col-xl-12 mt-xl-2 col-xxl-5 mt-xxl-0 ps-xxl-0">
                                <div class="addToDrive" data-product="{{ $p->id }}">
                                  <span class="d-md-none d-xl-inline d-xxl-none"><i class="fas fa-truck-loading"></i> {{ config('texts.home_products_add_drive') }}</span>
                                  <span class="d-none d-md-inline d-xl-none d-xxl-inline"><i class="fas fa-truck-loading"></i> {{ config('texts.home_products_drive') }}</span>
                                </div>
                              </div>
                            @endif
                          </div>
                        @endif
                      @endauth
                    </div>
                  </div>
                @endforeach
              </div>
            </div>
          </div>
        @endif
      @endif
    @endauth

    <div class="entreprise">
      <div class="container-fluid">
        <div class="row acti-1">
          <div class="col-12 col-md-6 col-xl-4">
            <h3>{!! config('texts.home_activity') !!}</h3>
            {!! config('texts.home_activity_text') !!}
          </div>
          <div class="col-12 col-md-6 col-xl-4">
            <div class="image" style="background-image: url('/img/activity-1.jpeg')"></div>
          </div>
          <div class="col-12 col-xl-4">
            <div class="bloc">
              <h4>{{ config('texts.home_experienced') }}</h4>
              {!! config('texts.home_experienced_text') !!}
              
              <h4>{{ config('texts.home_delivery') }}</h4>
              {!! config('texts.home_delivery_text') !!}
            </div>
          </div>
        </div>

        <div class="acti-2">
          <h3>{!! config('texts.home_society') !!}</h3>
          {!! config('texts.home_society_description') !!}<br/><br/>

          <div class="owl-carousel owl-theme owl-entreprise">
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_1') }}</div>
              <p>{{ config('texts.home_society_date_1_description') }}</p>
            </div>
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_2') }}</div>
              <p>{{ config('texts.home_society_date_2_description') }}</p>
            </div>
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_3') }}</div>
              <p>{{ config('texts.home_society_date_3_description') }}</p>
            </div>
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_4') }}</div>
              <p>{{ config('texts.home_society_date_4_description') }}</p>
            </div>
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_5') }}</div>
              <p>{{ config('texts.home_society_date_5_description') }}</p>
            </div>
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_6') }}</div>
              <p>{{ config('texts.home_society_date_6_description') }}</p>
            </div>
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_7') }}</div>
              <p>{{ config('texts.home_society_date_7_description') }}</p>
            </div>
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_8') }}</div>
              <p>{{ config('texts.home_society_date_8_description') }}</p>
            </div>
            <div class="item">
              <div class="date">{{ config('texts.home_society_date_9') }}</div>
              <p>{{ config('texts.home_society_date_9_description') }}</p>
            </div>
            <div class="item big">
              <div class="date">{{ config('texts.home_society_date_10') }}</div>
              <p>{{ config('texts.home_society_date_10_description') }}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="departements">
      <div class="map" style="background-image: url('/img/map.svg')"></div>
      <div class="container">
        <div class="textes">
          <div class="row">
            <div class="col-6 col-md-4">
              <h3>{!! config('texts.home_departements_key_1') !!}</h3>
            </div>
            <div class="col-6 col-md-4">
              <h3>{!! config('texts.home_departements_key_2') !!}</h3>
            </div>
            <div class="col-12 col-md-4">
              {!! config('texts.home_departements_description') !!}
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="contact">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12 col-md-7 col-r">
            <a class="bloc bloc-recrutement" href="/candidature">
              <div class="row">
                <div class="col-12 col-xl-6">
                  <div class="image"></div>
                </div>
                <div class="col-12 col-xl-6">
                  <div class="text">
                    <h3>{!! config('texts.home_recrutement') !!}</h3>
                    {!! config('texts.home_recrutement_text') !!}

                    <div class="more">
                      <i class="fas fa-arrow-right"></i>
                    </div>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-12 col-md-5 col-h">
            <div class="row">
              <div class="col-12 col-sm-6 col-md-12 col-xl-6">
                <a class="bloc bloc-client" href="/rejoindre">
                  <h3>{!! config('texts.home_client') !!}</h3>
                  {!! config('texts.home_client_description') !!}

                  <div class="more">
                    <i class="fas fa-arrow-right"></i>
                  </div>
                </a>
              </div>
              <div class="col-12 col-sm-6 col-md-12 col-xl-6">
                <a class="bloc bloc-quest" href="/contact">
                  <h3>{!! config('texts.home_contact') !!}</h3>
                  {!! config('texts.home_contact_text') !!}
                  
                  <div class="more">
                    <i class="fas fa-arrow-right"></i>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection