@model Webzine.WebApplication.ViewModels.Titre.TitreStyle

@{
    ViewData["Title"] = $"Titres - {Model.StyleName}";
    Layout = "_Layout"; //TODO à virer c'est déjà dans le _ViewStart
}
<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="Details"
                           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"/>
                        </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="Details"
                                   asp-route-id="@titre.IdTitre">
                                    @titre.Libelle
                                </a>
                            </div>

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

                    </div>
                }
            }
        </div>
    </div>
</div>