<div class="card">
    <a href="{{ route('Shop.Articles.slug', ['slug' => $article['slug'] ?? false]) }}" class="green-dark">
        <div class="content">
            <div class="content-overlay"></div>
            <img class="content-image card-img-top"
                src="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}"
                alt="{{ $product_name }}">
            <div class="content-details fadeIn-bottom">
                <h3 class="content-title d-none"></h3>
                <p class="content-text">{!! Str::limit($article['description'], 500) !!}</p>
            </div>
        </div>
    </a>
    <div class="card-body p-2 pb-1">
        <a href="{{ route('Shop.Articles.slug', ['slug' => $article['slug'] ?? false]) }}" class="green-dark">
            <div class="row card-title">
                <div class="col-12 green">
                    <div class="text-truncate mb-0" style="font-size: 1.3em;">{{ $article['parent_name'] }}</div>
                    <div class="text-truncate">{{ $article['product_name'] }}</div>
                </div>
            </div>
            @include('Shop.Articles.partials.article_' . $product_type)
        </a>
        @switch ($article_nature ?? 0)
            @case(1)
                <button type="button" class="btn btn-link bg-green text-white w-100 basket"
                    data-id="{{ $article['semences']['id'] ?? false }}">
                    Ajout rapide
                </button>
            @break

            @case(2)
                <button type="button" class="btn btn-link bg-green text-white w-100 basket"
                    data-id="{{ $article['plants']['id'] ?? false }}">
                    Ajout rapide
                </button>
            @break
        @endswitch
    </div>
</div>
