@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-sm-12 col-lg-4">
            <div style="max-width: 100%;">
                @include('components.multi-images', [
                    'image' => $article['image'],
                    'images' => $article['images'],
                ])
            </div>
        </div>
        <div class="col-lg-5 col-xs-12 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 class="mb-2">
                        {{ $tag_group }} :
                        @foreach ($items as $tag)
                            <span class="btn btn-xs btn-secondary 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-lg-3 col-xs-12">
            @include('Shop.Articles.partials.ArticleAddBasket')
        </div>
    </div>
@endsection

@include('load.layout.modal')