@extends('layouts.pages')
@section('page')
@include('layouts._partials.liens')
	<div class="container-fluid">
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="/products">{{ __('product.breadcrumb') }}</a></li>
				@if($product->parent)
				<li class="breadcrumb-item"><a href="/products/category/{{ $product->parent_code }}">{{ $product->parent }}</a></li>
				@endif
				@if($product->category)
				<li class="breadcrumb-item active" aria-current="page"><a href="/products/category/{{ $product->category_code }}">{{ $product->category }}</a></li>
				@else
				<li class="breadcrumb-item active" aria-current="page">Hors catégorie</li>
				@endif
			</ol>
		</nav>

		<div class="product bloc">
			<div class="row">
				<div class="col-lg-6 col-xl-5">
					<div class="image" style="background-image: url('{{ $product->image ? config('app.url_backoffice').'/storage/'.$product->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-lg-6 col-xl-5">
					<h2>{{ $product->name }}</h2>

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

					@if($product->code)
						<div class="reference">{{ __('product.reference') }} : {{ $product->code }}</div>
					@endif
					@if($product->description)
						<div class="description">{{ $product->description }}</div>
					@endif

					<div class="form-group">
						<b>{{ __('product.conditioning') }} :</b> {{ $product->conditioning }} unité@if($product->conditioning > 1)s @endif
					</div>

					@auth
						@if($product->enabled)
						@if(config('userSettings')->catalog && config('website.catalog') == 1)
							<div class="price">
								{{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($product->id), 3, ',', ' ') }} € <small>/ HT</small>
							</div>
							<div class="price-tva">
								{{ number_format(App\Http\Controllers\HelpersController::tva(App\Http\Controllers\Products\ProductsRulesController::price($product->id), $product->code), 3, ',', ' ') }} € <small> TTC</small>
							</div>
							<div class="price-unite">
								Soit
								@if($product->conditioning)
									{{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($product->id)*$product->conditioning, 3, ',', ' ') }} € <small>/ HT</small></b>
								@else
									{{ number_format(App\Http\Controllers\Products\ProductsRulesController::price($product->id), 3, ',', ' ') }} € <small>/ HT</small></b>
								@endif
								les {{ $product->conditioning }} {{ $product->conditioning > 1 ? 'unités' : 'unité'}}
							</div>

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

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

									<span
										class="input-group-text"
										data-product="{{ $product->id }}"
										data-price="{{ $product->price ? $product->price : $product->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="{{ $product->id }}"
											data-price="{{ $product->price ? $product->price : $product->price_1 }}"
											data-attr="up">{{ $amount }}</span>
									@endforeach
								</div>
							</div>

							<div class="d-sm-none">
								<div class="input-group mt-2">
									@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="{{ $product->id }}"
											data-price="{{ $product->price ? $product->price : $product->price_1 }}"
											data-attr="down" >{{ $amount }}</span>
									@endforeach
								</div>
								<div class="input-group">
									<span
										class="input-group-text"
										data-product="{{ $product->id }}"
										data-price="{{ $product->price ? $product->price : $product->price_1 }}"
										data-amount="1"
										data-attr="down" disabled>-</span>

									<input type="number" min="1" class="form-control number-input text-center" id="quantity{{ $product->id }}" min="1" value="1" data-product="{{ $product->id }}" data-price="{{ $product->price ? $product->price : $product->price_1 }}">
								
									<span
										class="input-group-text"
										data-product="{{ $product->id }}"
										data-price="{{ $product->price ? $product->price : $product->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"
											data-amount="{{ $amount }}"
											data-product="{{ $product->id }}"
											data-price="{{ $product->price ? $product->price : $product->price_1 }}"
											data-attr="up">{{ $amount }}</span>
									@endforeach
								</div>
							</div>

							<div class="form-group mt-4">
								<div class="btn btn-primary addToCart" data-product="{{ $product->id }}" >{{ __('product.add_to_cart') }}</div>
								@if(config('website.drive') == 1 && $p['drive'] == 1)
									<div class="btn btn-primary addToDrive" data-product="{{ $product->id }}">
										<i class="fas fa-truck-loading"></i>
									</div>
								@endif
								<div class="btn btn-primary addFavorites @if($favoris) saved @endif" data-product="{{ $product->id }}" data-id="{{ $favoris ? $favoris->id : null }}">
									<i class="far fa-heart"></i>
									<i class="fas fa-heart"></i>
								</div>
							</div>
						@else
							<div class="badge badge-danger">Vous n'avez pas l'autorisation d'acheter ce produit.</div>
						@endif
						@else
							<div class="btn btn-secondary" disabled="disabled">{{ __('product.disabled') }}</div>
						@endif
					@else
						<a class="btn btn-primary" href="/login">Connectez-vous pour ajouter le produit à votre panier</a>
					@endauth
				</div>
			</div>
			</div>

			@if($productsCategory)
			<div class="owl mb-5">
				<h2>{{ __('product.same_category') }}</h2>
				<div class="owl-carousel owl-theme owl-product promote">
				@foreach ($productsCategory as $p)
					<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 data-product="{{ $p->id }}" class="addToCart">
							<i class="fas fa-cart-arrow-down"></i> Ajouter au panier
						</div>
						@endif
					@endauth
					</div>
				@endforeach
				</div>
			</div>
			@endif
		</div>
	</div>
@endsection