@model SceneEditViewModel
@{
    var povCharacterId = Model.POVCharacterID
        ?? Model.SceneCharacters.FirstOrDefault(x => x.RoleInSceneTypeName?.Contains("POV", StringComparison.OrdinalIgnoreCase) == true)?.CharacterID;
}

<article class="scene-inspector-v2-card" data-scene-summary-part="people">
    <div class="scene-inspector-v2-card-header">
        <div>
            <p class="eyebrow">People</p>
            <h3>Characters and relationships</h3>
        </div>
    </div>

    <div class="scene-inspector-v2-section">
        <span>Characters in scene</span>
        @if (!Model.SceneCharacters.Any())
        {
            <p class="muted">No characters have been added to this scene.</p>
        }
        else
        {
            <ul class="scene-inspector-v2-list">
                @foreach (var character in Model.SceneCharacters.Take(6))
                {
                    <li>
                        <strong>@character.CharacterName</strong>
                        <span>@(character.CharacterID == povCharacterId ? "POV" : character.RoleInSceneTypeName ?? "In scene")</span>
                    </li>
                }
            </ul>
            @if (Model.SceneCharacters.Count > 6)
            {
                <p class="muted">+ @(Model.SceneCharacters.Count - 6) more</p>
            }
        }
    </div>

    <div class="scene-inspector-v2-counts">
        <div>
            <span>Character count</span>
            <strong>@Model.SceneCharacters.Count</strong>
        </div>
        <div>
            <span>Knowledge changes</span>
            <strong>@Model.CharacterKnowledge.Count</strong>
        </div>
        <div>
            <span>Relationship changes</span>
            <strong>@Model.RelationshipEvents.Count</strong>
        </div>
        <div>
            <span>Attribute changes</span>
            <strong>@Model.CharacterAttributeEvents.Count</strong>
        </div>
    </div>

    <div class="scene-inspector-v2-actions">
        <button type="button" class="btn btn-sm btn-outline-primary" data-scene-editor="characters" data-scene-id="@Model.SceneID" data-scene-editor-url="@Url.Action("SceneCharactersEditor", "Scenes", new { sceneId = Model.SceneID })">Manage characters</button>
        <button type="button" class="btn btn-sm btn-outline-primary" data-scene-editor="attributes" data-scene-id="@Model.SceneID" data-scene-editor-url="@Url.Action("SceneCharacterAttributesEditor", "Scenes", new { sceneId = Model.SceneID })">Manage attributes</button>
        <button type="button" class="btn btn-sm btn-outline-primary" data-scene-editor="knowledge" data-scene-id="@Model.SceneID" data-scene-editor-url="@Url.Action("SceneKnowledgeEditor", "Scenes", new { sceneId = Model.SceneID })">Manage knowledge</button>
        <button type="button" class="btn btn-sm btn-outline-primary" data-scene-editor="relationships" data-scene-id="@Model.SceneID" data-scene-editor-url="@Url.Action("SceneRelationshipsEditor", "Scenes", new { sceneId = Model.SceneID })">Manage relationships</button>
    </div>
</article>