@model FamilyBudget.Models.Depense

<h2>Supprimer Dépense</h2>
<p>Êtes-vous sûr de vouloir supprimer cette dépense du buget @Model.IdBudgetNavigation.Categorie ?</p>
<form asp-action="Delete">
    <input type="hidden" asp-for="IdDepenses" />
    <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-primary">@Model.IdBudgetNavigation.Categorie</h5>
                <p class="card-text">
                    <strong>💰 Montant :</strong> <span class="text-danger">-@Model.Montant FCFA</span> <br>
                    <strong>📅 Date :</strong> @Model.DateDepense.ToString("dd/MM/yyyy") <br>
                    <strong>🏦 Compte :</strong> @Model.Compte.Type <br>
                </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>