@if ($shelve['articles'])
    <div class="mb-5 bg-green-light shadow2">
        <div class="row">
            <div class="col-6">
                <h1 class="p-2 green shelve-title">{{ $shelve['name'] }}</h1>
            </div>
            <div class="col-6 text-right">
                <a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}"
                    class="mt-2 mr-2 btn btn-green-dark shelve-btn">
                    Découvrir<span class="shelve-btn-suffix"> la sélection</span>
                </a>
                <!--
                <a class="mt-2 green-dark btn" href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}">Tout
                    voir</a>
    -->
            </div>
        </div>
        <div class="row">
            <div class="col-11 mx-auto shelve_slider_{{ $shelve['id'] }} slider">
                @foreach ($shelve['articles'] as $name => $article)
                    <div class="text-center pr-2 pl-2 shelve-slide">
                        <a class="green" href="{{ route('Shop.Articles.show', ['id' => $article['id']]) }}">
                            <img data-lazy="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}"
                                class="d-block w-100 rounded" alt="{{ $name }}" />
                            <div class="shelve-article-label">
                                {{ $name }}
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endif
