Ramadan

<!-- Résumé du panier (colonne de droite) -->
<div class="col-lg-4">
<div class="card shadow-sm">
<div class="card-body p-4">
<h5 class="fw-bold mb-3 pb-2 border-bottom">Résumé de la commande</h5>

<div class="d-flex justify-content-between mb-2">
<span class="text-muted">Sous-total ({{ $panier->nombreArticles() }} articles)</span>
<span class="fw-bold">{{ number_format($panier->total(), 0, ',', ' ') }} FCFA</span>
</div>

<div class="d-flex justify-content-between mb-2">
<span class="text-muted">Livraison</span>
<span class="fw-bold">À calculer</span>
</div>

<hr class="my-3">

<div class="d-flex justify-content-between mb-4">
<span class="h6 fw-bold">Total</span>
<span class="h5 fw-bold text-primary">{{ number_format($panier->total(), 0, ',', ' ') }} FCFA</span>
</div>

<button class="btn w-100 py-2 text-white mb-2" style="background-color: #0a1f44;">
<i class="bi bi-check-circle me-2"></i>
Passer la commande
</button>

<div class="mt-3">
<small class="text-muted">
<i class="bi bi-shield-check me-1"></i>
Paiement sécurisé
</small>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- JavaScript pour les actions du panier -->
<script>
function updateQuantity(articleId, change) {
// Logique pour mettre à jour la quantité
}

function supprimerArticle(articleId) {
// Logique pour supprimer un article
}

function viderPanier() {
// Logique pour vider le panier
}
</script>
@endif