@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">
            @if (config('app.debug') && ($article['current_sale_channel'] ?? false))
                <div class="alert alert-info p-2 mb-3">
                    <strong>Canal actif :</strong>
                    {{ $article['current_sale_channel']['name'] ?? 'N/A' }}
                    <span class="d-block small text-muted">
                        ID {{ $article['current_sale_channel']['id'] ?? '–' }} · Code {{ $article['current_sale_channel']['code'] ?? '–' }}
                    </span>
                    @if (!empty($article['available_sale_channels']))
                        <hr class="my-2">
                        <strong class="d-block">Offres disponibles dans :</strong>
                        <ul class="list-unstyled mb-0 small">
                            @foreach ($article['available_sale_channels'] as $channel)
                                <li class="d-flex justify-content-between align-items-start">
                                    <span>
                                        • {{ $channel['name'] }}
                                        <span class="d-block text-muted" style="font-size: 0.85em; padding-left: 0.9em;">code {{ $channel['code'] }}</span>
                                    </span>
                                    @if (isset($channel['price_taxed']))
                                        <span class="ml-2 text-nowrap text-right">
                                            {{ number_format($channel['price_taxed'], 2, ',', ' ') }} € TTC
                                            @if (! empty($channel['quantity']))
                                                <span class="d-block text-muted" style="font-size: 0.85em;">Qté min. {{ $channel['quantity'] }}</span>
                                            @endif
                                        </span>
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>
            @endif
            @include('Shop.Articles.partials.ArticleAddBasket')
        </div>
    </div>
@endsection

@include('load.layout.modal')