@extends('layouts.pages')
@section('page')
	@include('layouts._partials.liens')
	<div class="container-fluid">
		<div class="row">
			<div class="col-12">
				<div class="favorites" id="favorites">
					<h2>{{ __('favorites.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">
									<li>
										<div class="btn btn-primary removeFavorites" data-id="{{ $p->id_favorite }}" data-product="{{ $p->id }}">
											<i class="far fa-trash-alt"></i>
										</div>
									</li>
									@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-lg-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 class="quantity d-none d-sm-block mt-3">
											<div class="input-group">
												@foreach ([25, 10, 5, 1] as $amount)
												<span
													class="input-group-text bg-danger border-0 number-change"
													data-amount="{{ $amount }}"
													data-product="{{ $p->id }}"
													data-price="{{ $p->price ? $p->price : $p->price_1 }}"
													data-attr="down" >{{ $amount }}</span>
												@endforeach
												<span
													class="input-group-text"
													data-product="{{ $p->id }}"
													data-price="{{ $p->price ? $p->price : $p->price_1 }}"
													data-amount="1"
													data-attr="down" disabled>-</span>

												<input type="number" min="1" class="form-control number-input text-center" id="quantity{{ $p->id }}" min="1" value="1" data-product="{{ $p->id }}" data-price="{{ $p->price ? $p->price : $p->price_1 }}">

												<span
													class="input-group-text"
													data-product="{{ $p->id }}"
													data-price="{{ $p->price ? $p->price : $p->price_1 }}"
													data-attr="up"
													data-amount="1" disabled>+</span>
												@foreach ([1, 5, 10, 25] as $amount)
												<span
													class="input-group-text bg-success border-0 number-change"
													data-amount="{{ $amount }}"
													data-product="{{ $p->id }}"
													data-price="{{ $p->price ? $p->price : $p->price_1 }}"
													data-attr="up">{{ $amount }}</span>
												@endforeach
											</div>
										</div>

										<div class="quantity d-sm-none mt-3">
											<div class="input-group">
												@foreach ([25, 10, 5, 1] as $amount)
												<span
													class="input-group-text bg-danger border-0 number-change justify-content-center w-25"
													data-amount="{{ $amount }}"
													data-product="{{ $p->id }}"
													data-price="{{ $p->price ? $p->price : $p->price_1 }}"
													data-attr="down" >{{ $amount }}</span>
												@endforeach
											</div>
											<div class="input-group">
												<span
													class="input-group-text"
													data-product="{{ $p->id }}"
													data-price="{{ $p->price ? $p->price : $p->price_1 }}"
													data-amount="1"
													data-attr="down" disabled>-</span>

												<input type="number" min="1" class="form-control number-input text-center" id="quantity{{ $p->id }}" min="1" value="1" data-product="{{ $p->id }}" data-price="{{ $p->price ? $p->price : $p->price_1 }}">

												<span
													class="input-group-text"
													data-product="{{ $p->id }}"
													data-price="{{ $p->price ? $p->price : $p->price_1 }}"
													data-attr="up"
													data-amount="1" disabled>+</span>
											</div>
											<div class="input-group">
												@foreach ([1, 5, 10, 25] as $amount)
													<span
														class="input-group-text bg-success border-0 number-change justify-content-center w-25 text-center"
														data-amount="{{ $amount }}"
														data-product="{{ $p->id }}"
														data-price="{{ $p->price ? $p->price : $p->price_1 }}"
														data-attr="up">{{ $amount }}</span>
												@endforeach
											</div>
										</div>
									</div>
									<div class="col-4 d-lg-none"></div>
									<div class="col-8 col-lg-3 text-right">
										<div class="align-right">
											<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>
								</div>
							</div>
						@empty
							<div class="bloc">
								<center>Votre liste de produits en favoris est vide..</center>
							</div>
						@endforelse
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection