@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">
			@component('components.card', [
				'title' => 'Semence',
				'class' => 'mb-3',
			])
				@include('components.form.button', [
					'class' => 'btn-success basket semences',
					'txt' => 'Ajouter au panier',
				])
			@endcomponent

			@component('components.card', [
				'title' => 'Plant',
				'class' => 'mb-3',
			])
				@include('components.form.button', [
					'class' => 'btn-success basket plants',
					'txt' => 'Ajouter au panier',
				])
			@endcomponent

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

		</div>
	</div>
@endsection