@foreach($lotMibs as $lot)
<div class="col-lg-6 col-md-12 mb-4">
    <div class="lot-card" onclick="selectLot('{{$lot->slug}}', this)">
        <div class="row">
            <div class="col-12">
                <h4 class="lot-card-title">
                    <i class="fas fa-box"></i> {{$lot->nom}}
                </h4>
            </div>

            <div class="col-md-6 mb-3">
                <div class="lot-info-item">
                    <i class="fas fa-shopping-basket text-primary-color"></i>
                    <div>
                        <strong>Valeur produit panier</strong>
                        <p>{{$lot->valeur_produit}}</p>
                    </div>
                </div>
            </div>

            <div class="col-md-6 mb-3">
                <div class="lot-info-item">
                    <i class="fas fa-money-bill-wave text-primary-color"></i>
                    <div>
                        <strong>Numéraire</strong>
                        <p>{{$lot->numeraire}}</p>
                    </div>
                </div>
            </div>

            <div class="col-md-6 mb-3">
                <div class="lot-info-item">
                    <i class="fas fa-gift text-primary-color"></i>
                    <div>
                        <strong>Possibilités d'emballage</strong>
                        <p>{{$lot->nombre_possibilite_emballage}}</p>
                    </div>
                </div>
            </div>

            @if($lot->info_plus)
            <div class="col-12 mb-3">
                <div class="lot-info-item">
                    <i class="fas fa-info-circle text-primary-color"></i>
                    <div>
                        <strong>Plus d'info</strong>
                        <p>{{$lot->info_plus}}</p>
                    </div>
                </div>
            </div>
            @endif

            <div class="col-12 text-center">
                <button id="btn-step3" type="button" data-slug="{{$lot->slug}}" class="btn btn-primary w-100">
                    <i class="fas fa-check-circle"></i> Choisir ce lot
                </button>
            </div>
        </div>
    </div>
</div>
@endforeach