@model Webzine.WebApplication.Areas.Administration.ViewModels.Style.StyleViewModel

@{
    ViewData["Title"] = "Styles";
}

<div class="justify-content-center m-5">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>Gestion des Styles</h1>
        @* Lien vers la création (optionnel si vous n'avez pas encore fait l'action Create) *@
        <a asp-action="Create" class="btn btn-primary">
            <i class="fas fa-plus"></i> Nouveau Style
        </a>
    </div>

    <div class="table-responsive">
        <table class="table table-striped table-hover table-bordered">
            <thead class="table-light">
                <tr>
                    <th scope="col" style="width: 10%;">#</th>
                    <th scope="col">Libellé</th>
                    <th scope="col" class="text-center" style="width: 15%;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @if (Model.Styles != null && Model.Styles.Any())
                {
                    @foreach (Webzine.Entity.Style style in Model.Styles)
                    {
                        <tr class="align-middle">
                            <td>
                                @style.IdStyle
                            </td>
                            <td>
                                @style.Libelle
                            </td>
                            <td class="text-center">
                                @* Bouton Supprimer (correspond à votre action Delete) *@
                                <a asp-action="Delete" asp-route-id="@style.IdStyle" class="d-inline btn btn-link text-main" title="Supprimer">
                                    <i class="fas fa-trash"></i>
                                </a>
                            </td>
                        </tr>
                    }
                }
                else
                {
                    <tr>
                        <td colspan="3" class="text-center">Aucun style disponible.</td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
</div>