@extends('layouts.pages')
@section('page')
@include('layouts._partials.liens')
	<div class="container-fluid">
		<div class="category mt-5">
			<h2>{{ $category ? $category->name : 'Tous les produits' }}</h2>

			@if($category)
				<div class="bloc mb-4 filtres">
					<input type="hidden" id="filtre-type" value="category">
					<input type="hidden" id="filtre-value" value="{{ $category->code }}">

					<div class="row">
						<div class="@if(count($categories)) col-12 col-md-9 @else d-none d-md-block col-md-5 col-xl-8 @endif">
							@if(count($categories))
								<h3>Sous-Catégories</h3>
								<div class="row">
									@foreach ($categories as $c)
										<div class="col-12 col-sm-6 col-md-3">
											<label for="category{{ $c->id }}">
												<input type="checkbox" class="filtres-select" id="category{{ $c->id }}" name="category{{ $c->id }}" value="{{ $c->id }}" @if(strpos(request()->get('c'), strval($c->id)) !== false)checked @endif> {{ $c->name }}
											</label>
										</div>
									@endforeach
								</div>
							@endif

							@if(config('website.drive') == 1)
								@if(count($categories))
									<h3>Autres</h3>
									<label for="drive" class="drive">
										<input type="checkbox" class="filtres-drive" id="drive" name="drive" value="1" @if(request()->get('d') == 1)checked @endif> <img src="/img/drive_line.svg" alt="Drive"/>
									</label>
								@else
									<label for="drive" class="drive mt-2 mb-0">
										<input type="checkbox" class="filtres-drive" id="drive" name="drive" value="1" @if(request()->get('d') == 1)checked @endif> <img src="/img/drive_line.svg" alt="Drive"/>
									</label>
								@endif
							@else
								<input type="hidden" id="drive"name="drive" value="0">
							@endif
						</div>
						<div class="@if(count($categories)) col-12 col-md-3 mt-4 mt-md-0 @else col-12 col-md-7 col-xl-4 @endif">
							@if(count($categories))
								<h3>Trier</h3>
								<select class="custom-select form-select filtres-sort">
									<option value="pertinence" @if(request()->get('sort') == 'pertinence')selected @endif>Pertinence</option>
									<option value="increase" @if(request()->get('sort') == 'increase')selected @endif>Prix croissant</option>
									<option value="decrease" @if(request()->get('sort') == 'decrease')selected @endif>Prix décroissant</option>
								</select>
							@else
								<div class="row">
									<div class="col-3">
										<h3 class="mt-2 mb-0">Trier</h3>
									</div>
									<div class="col-9">
										<select class="custom-select form-select filtres-sort">
											<option value="pertinence" @if(request()->get('sort') == 'pertinence')selected @endif>Pertinence</option>
											<option value="increase" @if(request()->get('sort') == 'increase')selected @endif>Prix croissant</option>
											<option value="decrease" @if(request()->get('sort') == 'decrease')selected @endif>Prix décroissant</option>
										</select>
									</div>
								</div>
							@endif
						</div>
					</div>
				</div>
			@endif

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

				<div class="row">
					@forelse ($products as $p)
						<div class="col-sm-6 col-xl-4">
							<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="Disponible au click & 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">Référence : {{ $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">
													Vendu par <b>{{ $p->conditioning }} {{ $p->conditioning > 1 ? 'unités' : 'unité'}}</b>, 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
													le conditionnement.
												</div>
											@endif
										@endauth
									</div>
								</a>

								@auth
									@if(config('userSettings')->catalog && config('website.catalog') == 1)
										<div class="row">
											<div class="col-10">
												<div class="btn btn-primary w-100 addToCart" data-product="{{ $p->id }}" ><i class="fas fa-cart-arrow-down"></i> {{ __('product.add_to_cart') }}</div>
											</div>
											<div class="col-2">
												<div class="btn btn-primary w-100 addFavorites @if(collect($favorites)->contains('id_product', $p->id)) saved @endif" data-product="{{ optional(collect($favorites)->firstWhere('id_product', $p->id))->id }}">
													<i class="far fa-heart"></i>
													<i class="fas fa-heart"></i>
												</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> Ajouter au drive</span>
														<span class="d-none d-md-inline d-xl-none d-xxl-inline"><i class="fas fa-truck-loading"></i> Drive</span>
													</div>
												</div>
											@endif --}}
										</div>
									@endif
								@endauth
							</div>
						</div>
					@empty
						<div class="col-sm-12">
							<div class="bloc">
								<center>Aucuns produits dans cette catégorie</center>
							</div>
						</div>
					@endforelse
				</div>
				
				<div class="pagination d-inline-block">
				{{ $products->withQueryString()->links() }}
				<div class="pages-select">
					<span class="d-inline-block">Pages</span>
					<select class="form-select d-inline" id="select-pages" name="pages">
						@for ($i = 1; $i <= $pages; $i++)
							<option value="{{ $i }}" @if(Request::get('page') == $i) selected @endif>{{ $i }}</option>
						@endfor
					</select>
				</div>
			</div>
		</div>
	</div>
@endsection