@extends('Shop.layout.layout', [
	'title' => __('home.title'),
])

@section('content')
	<div class="row">
		<div class="col-12">
			<h1>{{ $article['name'] }}</h1>
		</div>
	</div>
	<div class="row">
		<div class="col-4">
			<div style="max-width: 360px;">
				@include('components.multi-images', ['images' => $article['images']])
			</div>
		</div>
		<div class="col-5 text-justify">
			{!! $article['description']['semences'] ?? null !!}
			{!! $article['description']['plants'] ?? null !!}
			{!! $article['description']['variety'] ?? null !!}
			{!! $article['description']['merchandise'] ?? null !!}

			@if ($article['description']['plus'] ?? false)
				<h3>Spécificités</h3>
				{!! $article['description']['plus'] !!}
			@endif

			@if (count($article['tags'] ?? []))
				<h3>Caractéristiques</h3>
				@foreach ($article['tags'] as $tag_group => $items)
					<div>
						{{ $tag_group }} :
						@foreach ($items as $tag)
							<span class="btn btn-xs pt-0 pb-0">{{ $tag }}</span>
						@endforeach
					</div>
				@endforeach
			@endif

			@if ($article['description']['specie'] ?? false)
				<h3 class="mt-3">Complément</h3>
				{!! $article['description']['specie'] ?? null !!}
				{!! $article['description']['producer'] ?? null !!}
			@endif

		</div>
		<div class="col-3">
			@include('Shop.Articles.partials.ArticleAddBasket')
		</div>
	</div>
@endsection

@include('load.layout.modal')