@extends('layouts.public.modal', ['id' => $id ?? 'product-added'])

@section('modal.content')
    <p class="text-xl font-serif text-center">Produit ajouté au panier !</p>

    <p class="text-center text-gray-500 mt-2 mb-4">Souhaitez vous poursuivre vos achats ?</p>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div class="flex md:justify-start">
            <a href="{{ route('boutique') }}" class="px-3 py-1 bg-lockit-orange rounded shadow text-white w-full text-center">Continuer mes achats</a>
        </div>
        <div class="flex md:justify-end">
            <a href="{{ route('cart') }}" class="px-3 py-1 bg-lockit-blue rounded shadow text-white w-full text-center">Voir mon panier</a>
        </div>
    </div>
@overwrite