@model IReadOnlyList<DynamicsIssue>

<section class="story-bible-section">
    <div class="story-bible-section-heading">
        <div>
            <p class="eyebrow">Advisory checks</p>
            <h2>Things to Review</h2>
        </div>
        <span class="soft-count">@Model.Count item@(Model.Count == 1 ? "" : "s")</span>
    </div>
    @if (!Model.Any())
    {
        <p class="muted">No dynamics issues found for this view.</p>
    }
    else
    {
        <div class="attention-list">
            @foreach (var issue in Model)
            {
                <article>
                    <span class="badge text-bg-light">@issue.Category</span>
                    <strong>@issue.Title</strong>
                    @if (!string.IsNullOrWhiteSpace(issue.Detail))
                    {
                        <p>@issue.Detail</p>
                    }
                    @if (issue.SceneID.HasValue)
                    {
                        <a asp-controller="Scenes" asp-action="Edit" asp-route-id="@issue.SceneID">Open scene</a>
                    }
                </article>
            }
        </div>
    }
</section>