@model Webzine.WebApplication.ViewModels.Titre.TitreStyle

@{
    ViewData["Title"] = $"Titres - {Model.StyleName}";
}
<div class="container mt-4">
    <div class="row">

        <!-- COLUMN -->
        <div class="col-md-8">

            <h1 class="mb-4">Titres ayant le style @Model.StyleName</h1>

            <hr />

            @if (!Model.Titres.Any())
            {
                <div class="alert alert-info">
                    Aucun titre trouvé.
                </div>
            }
            else
            {
                @foreach (var titre in Model.Titres)
                {
                    <div class="d-flex align-items-start my-3">

                        <!-- Image -->
                        <a asp-action="Index"
                           asp-route-id="@titre.IdTitre"
                           class="me-3 text-black">
                            <img src="@titre.UrlJaquette" alt="@titre.Libelle" width="70px" height="70px" class="object-fit-cover" loading="lazy" />
                        </a>

                        <!-- Infos -->
                        <div class="justify-content-center d-flex flex-column">
                            <div>
                                <a asp-action="Index"
                                   asp-controller="Artiste"
                                   asp-route-nom="@titre.ArtisteNom">
                                    @titre.ArtisteNom
                                </a>
                                -
                                <a asp-action="Index"
                                   asp-route-id="@titre.IdTitre">
                                    @titre.Libelle
                                </a>
                            </div>

                            <div>
                                Durée : @TimeSpan.FromSeconds(titre.Duree).ToString(@"mm\:ss")
                            </div>
                        </div>

                    </div>
                }
            }
            <div class="d-flex align-items-center justify-content-between mt-3">
                @if (Model.Page > 0)
                {
                    <a asp-route="TitresParStyle"
                       asp-route-style="@Model.StyleName"
                       asp-route-page="@(Model.Page - 1)"
                       class="btn btn-secondary">
                        &lt;&lt; Titre plus récent
                    </a>
                }
                else
                {
                    <div></div>
                }

                <p class="mb-0">
                    Page : @(Model.Page + 1) sur @Model.TotalPages
                </p>

                @if (Model.Page < Model.TotalPages - 1)
                {
                    <a asp-route="TitresParStyle"
                       asp-route-style="@Model.StyleName"
                       asp-route-page="@(Model.Page + 1)"
                       class="btn btn-secondary">
                        Titre plus anciens &gt;&gt;
                    </a>
                }
                else
                {
                    <div></div>
                }
            </div>
        </div>
    </div>
</div>