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

@section('content')
	<div class="row">
		<div class="col-1">
		</div>
		<div class="col-4">
			{!! $article['image_big'] !!}
		</div>
		<div class="col-4">
			<h1>{{ $article['name'] }}</h1>
			{!! $article['description'] !!}
		</div>
		<div class="col-3">
			@if ($article['offers']['semences'] ?? false)
				@component('components.card', [
					'title' => 'Semence',
					'class' => 'mb-3',
				])
					{{ $article['offers']['semences']['name'] }}<br>
					{{ $article['offers']['semences']['prices'][0]['price_taxed'] }}<br>
					@include('components.form.button', [
						'class' => 'btn-success basket semences',
						'txt' => 'Ajouter au panier',
					])
				@endcomponent
			@endif

			@if ($article['offers']['plants'] ?? false)
				@component('components.card', [
					'title' => 'Plant',
					'class' => 'mb-3',
				])
					{{ $article['offers']['plants']['name'] }}<br>
					{{ $article['offers']['plants']['prices'][0]['price_taxed'] }}<br>
					@include('components.form.button', [
						'class' => 'btn-success basket plants',
						'txt' => 'Ajouter au panier',
					])
				@endcomponent
			@endif

			@if ($article['offers']['legumes'] ?? false)
				@component('components.card', [
					'title' => 'Légume',
					'class' => 'mb-3',
				])
					@include('components.form.button', [
						'class' => 'btn-success basket legumes',
						'txt' => 'Ajouter au panier',
					])
				@endcomponent
			@endif

		</div>
	</div>
@endsection