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

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

				@if($liquids)
					<a href="/products/category/{{ $category->code }}" class="btn btn-full btn-primary">Retour à la liste des arômes</a>
				@elseif(count($gammes))
					<h3>Gammes</h3>
					<div class="row">
						@foreach ($gammes as $g)
							<div class="col-12 col-sm-6 col-md-3">
								<input type="checkbox" class="filtres-select" id="gamme{{ $g->id_gamme }}" name="gamme{{ $g->id_gamme }}" value="{{ $g->id_gamme }}" @if(strpos(request()->get('g'), strval($g->id_gamme)) !== false)checked @endif>
								<label for="category{{ $g->id_gamme }}"> {{ $g->name }}</label>
							</div>
						@endforeach
					</div>
				@endif
			</div>

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

					<div class="row">
						@forelse ($liquids as $p)
							@php($favoris = $favorites->contains('id_product', $p['id']) ? $favorites->firstWhere('id_product', $p['id']) : null)
							<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'}}');"></div>
										<div class="text">
											<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 liquides dans cette catégorie</center>
								</div>
							</div>
						@endforelse
					</div>
					<div class="pagination d-inline-block">
						{{ $liquids->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>
			@else
				<div class="liquids">
					<div class="row">
						@forelse ($aromes as $a)
							<div class="col-6 col-xl-3">
								<a href="/products/category/{{ $category->code }}?a={{ $a->id_arome }}" class="item" style="background-image: url('{{ config('app.url_backoffice').'/storage/products/ECG/AROME-'.$a->id_arome.'.jpg'}}');">
									<span>{{ $a->name }}</span>
								</a>
							</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">
						{{ $aromes->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>
			@endif
		</div>
	</div>
@endsection