@model StoryCalendarDayDetailsViewModel

@if (Model.SelectedDay is null)
{
    <h2>Select a story day</h2>
    <p class="muted">Choose a date in the grid to inspect its scenes in narrative order.</p>
}
else
{
    <h2>@Model.SelectedDay.DayLabel</h2>
    @if (!Model.SelectedDay.Scenes.Any())
    {
        <p class="muted">No scenes are placed on this story date.</p>
    }
    else
    {
        <div class="story-calendar-detail-list">
            @foreach (var scene in Model.SelectedDay.Scenes)
            {
                <article class="story-calendar-detail-scene">
                    <div class="story-calendar-detail-meta">
                        @if (Model.ShowBookLabels)
                        {
                            <span>@scene.BookTitle</span>
                        }
                        <span>Chapter @scene.ChapterNumber:g</span>
                        <span>Scene @scene.SceneNumber:g</span>
                    </div>
                    <h3>@scene.Title</h3>
                    <dl>
                        @if (!string.IsNullOrWhiteSpace(scene.Pov))
                        {
                            <dt>POV</dt>
                            <dd>@scene.Pov</dd>
                        }
                        <dt>Time</dt>
                        <dd>@scene.TimeLabel</dd>
                    </dl>
                    @if (!string.IsNullOrWhiteSpace(scene.Summary))
                    {
                        <p>@scene.Summary</p>
                    }
                    <div class="button-row">
                        <a class="btn btn-outline-primary btn-sm" asp-controller="Scenes" asp-action="Edit" asp-route-id="@scene.SceneID">Open scene</a>
                        <a class="btn btn-outline-secondary btn-sm"
                           asp-controller="Timeline"
                           asp-action="Index"
                           asp-route-projectId="@Model.ProjectID"
                           asp-route-bookId="@scene.BookID"
                           asp-route-selectedSceneId="@scene.SceneID">Open in Timeline</a>
                    </div>
                </article>
            }
        </div>
    }
}