@model FamilyBudget.Models.Facture

<h2>Supprimer Facture</h2>
<p>Êtes-vous sûr de vouloir supprimer la facture @Model.CategorieFacture ?</p>
<form asp-action="Delete">
    <input type="hidden" asp-for="IdFacture" />
    <button type="submit" class="btn btn-danger">Confirmer</button>
</form>

<br />

<div class="col-md-4">
    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <h5 class="card-title text-warning">@Model.CategorieFacture</h5>
            <p class="card-text">
                <strong>💰 Montant :</strong> <span class="text-danger">-@Model.Montant FCFA</span> <br>
                <strong>📅 Date :</strong> @Model.DateFacture.ToString("dd/MM/yyyy") <br>
                <strong>🏦 Compte :</strong> @(Model.Compte != null ? Model.Compte.Type : "Aucun") <br>
                <strong>📝 Statut :</strong> @(Model.IdFacture !=0 ? "Payée ✅" : "Non payée ❌")
            </p>
        </div>
    </div>
</div>

<style>
    .card {
        border-radius: 10px;
        transition: transform 0.2s ease-in-out;
    }

        .card:hover {
            transform: scale(1.03);
        }

    .btn {
        border-radius: 20px;
    }

    .box {
        padding: 10px;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
        border-radius: 10px;
    }
</style>