@model Webzine.WebApplication.ViewsModels.Titre.TitreStyle

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

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

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

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

                        <!-- Image -->
                        <div class="me-3">
                            <img src="@titre.UrlJaquette" alt="@titre.Libelle" />
                        </div>

                        <!-- Infos -->
                        <div>
                            <a asp-action="Details"
                               asp-route-id="@titre.IdTitre"
                               class="titre-link">
                                @titre.ArtisteNom - @titre.Libelle
                            </a>

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

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