@extends('layouts.pages')
@section('page')
  @include('layouts._partials.liens')
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="buy-again" id="buy-again">
          <h2>{{ __('buy-again.title') }}</h2>

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

          <div id="productList">
            @forelse ($products as $p)
              <div class="bloc" id="product{{ $p->id }}">
                <div class="actions">
                  @if(config('website.drive') == 1 && $p['drive'] == 1)
                    <li>
                      <div class="btn btn-primary addToDrive" data-product="{{ $p->id }}">
                        <i class="fas fa-truck-loading"></i>
                      </div>
                    </li>
                  @endif
                  <li>
                    <div class="btn btn-primary addToCart" data-product="{{ $p->id }}">
                      <i class="fas fa-cart-arrow-down"></i>
                    </div>
                  </li>
                </div>

                <div class="row">
                  <div class="col-4 col-md-3">
                    <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="Disponible au click & drive."/>
                      @endif
                    </div>
                  </div>
                  <div class="col-8 col-md-6">
                    <div class="content">
                      <h2>{{ $p->name }}</h2>
                      @if($p->code)
                        <div class="reference">{{ __('product.reference') }} : {{ $p->code }}</div>
                      @endif
                      <b>{{ __('product.conditioning') }} :</b> {{ $p->conditioning }} unité@if($p->conditioning)s @endif
                      @if($p->description_short)
                        <p>{{ $p->description_short }}</p>
                      @endif
                    </div>
                  </div>
                  <div class="col-4 d-md-none"></div>
                  <div class="col-8 col-md-3 text-right">
                    <div class="row">
                      <div class="col-6 col-md-12">
                        <div class="price">
                          {{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($p->id), 3, ',', ' ') }} € <small>/ HT</small>
                        </div>
                        <div class="price-unite">
                          <small>Soit
                            @if($p->conditioning)
                              {{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($p->id)*$p->conditioning, 3, ',', ' ') }} € / HT
                            @else
                              {{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($p->id), 3, ',', ' ') }} € / HT
                            @endif
                          </small>
                        </div>
                      </div>
                      <div class="col-6 col-md-12">
                        <div class="quantity">
                          <div class="input-group">
                            <div class="input-group-prepend">
                              <span class="input-group-text number-change" data-product="{{ $p->id }}" data-price="{{ $p->price ? $p->price : $p->price_1 }}" data-attr="down">-</span>
                            </div>
                            <input type="number" class="form-control number-input" id="quantity{{ $p->id }}" min="1" value="1" data-product="{{ $p->id }}" data-price="{{ $p->price ? $p->price : $p->price_1 }}">
                            <div class="input-group-append">
                              <span class="input-group-text number-change" data-product="{{ $p->id }}" data-price="{{ $p->price ? $p->price : $p->price_1 }}" data-attr="up">+</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            @empty
              <div class="bloc">
                <center>Votre liste de produits en favoris est vide..</center>
              </div>
            @endforelse
          </div>

          {{ $products->withQueryString()->links() }}
        </div>
      </div>
    </div>
  </div>
@endsection