@model Webzine.WebApplication.Areas.Administration.ViewModels.Artiste.ArtisteIndexViewModel;

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


<div class="container mt-4">
    <h1 class="mb-4">Artiste</h1>
    <hr />
    <a asp-action="Create" class="btn btn-primary mb-3">
        <i class="fa fa-plus"></i> Ajouter un nouvel artiste
    </a>
    <div class="table-responsive">
        <table class="table table-striped table-hover table-bordered table-sm">
            <thead class="table-active">
                <tr>
                    <th scope="col" class="p-2">Nom</th>
                    <th scope="col" class="text-center p-2">Actions</th>
                </tr>
            </thead>
            <tbody>

                @foreach (var artiste in Model.Artistes)
                {
                    <tr class="align-middle">
                        <td class="p-2">
                            @artiste.Nom
                        </td>
                        <td class="text-center p-2">

                            <a asp-action="Edit" asp-route-id="@artiste.IdArtiste">
                                <i class="fa fa-edit"></i>
                            </a>

                            <a asp-action="Delete"
                                asp-controller="Artiste"
                                asp-route-id="@artiste.IdArtiste">
                                <i class="fa fa-trash"></i>
                            </a>

                        </td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
                    <div class="row justify-content-between">
        @if (Model.Page > 0)
        {
            <a asp-action="Index" asp-route-page="@(Model.Page - 1)"
                   class="btn btn-secondary col-auto mt-3">
                &lt;&lt; Page précédente
            </a>
        }
        @if (Model.Page < Model.TotalPages - 1)
        {
            <a asp-action="Index" asp-route-page="@(Model.Page + 1)"
                   class="btn btn-secondary col-auto mt-3 ms-auto">
                Page suivante &gt;&gt;
            </a>
        }
    </div>
</div>