@model LocationDetailViewModel
@{
    ViewData["Title"] = Model.Location.LocationName;
    ViewData["ProjectSection"] = "Locations";
    var firstScene = Model.Scenes.FirstOrDefault();
    var knownNames = Model.Aliases
        .Select(x => x.Alias)
        .Append(Model.Location.LocationName)
        .Where(name => !string.IsNullOrWhiteSpace(name))
        .Distinct(StringComparer.OrdinalIgnoreCase)
        .OrderBy(name => !string.Equals(name, Model.Location.LocationName, StringComparison.OrdinalIgnoreCase))
        .ThenBy(name => name, StringComparer.OrdinalIgnoreCase)
        .ToList();
}

<nav class="breadcrumb-trail" aria-label="Breadcrumb">
    <a asp-controller="Projects" asp-action="Index">Projects</a>
    <a asp-controller="Projects" asp-action="Details" asp-route-id="@Model.Project.ProjectID">@Model.Project.ProjectName</a>
    <a asp-action="Index" asp-route-projectId="@Model.Project.ProjectID">Locations</a>
    <span>@Model.Location.LocationName</span>
</nav>

<partial name="_ProjectSectionNav" model="Model.Project" />

<div class="location-page">
    <div class="page-heading compact">
        <div>
            <p class="eyebrow">Location detail</p>
            <h1>@Model.Location.LocationName <help-icon key="locations.details" /></h1>
            <p class="muted">@Model.Location.LocationPath</p>
        </div>
        <div class="button-row">
            <a class="btn btn-outline-primary" asp-action="Index" asp-route-projectId="@Model.Project.ProjectID">All locations</a>
            <div class="dropdown pw-actions">
                <button class="btn pw-actions__toggle dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Tools</button>
                <div class="dropdown-menu dropdown-menu-end">
                    <a class="dropdown-item" asp-action="Edit" asp-route-id="@Model.Location.LocationID">Edit location</a>
                    <a class="dropdown-item" asp-action="Merge" asp-route-id="@Model.Location.LocationID">Merge with another location</a>
                    <div class="dropdown-divider"></div>
                    <form asp-action="Archive" method="post" class="archive-button-form" data-confirm-message="Archive this location?&#10;&#10;This will hide it from active lists and timelines, but the data will be kept and can be restored later.">
                        <input type="hidden" name="id" value="@Model.Location.LocationID" />
                        <input type="hidden" name="projectId" value="@Model.Project.ProjectID" />
                        <button class="dropdown-item text-danger" type="submit">Archive Location</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <section class="edit-panel">
    <div class="row g-3">
        <div class="col-md-4">
            <p class="eyebrow">Type</p>
            <p>@(Model.Location.LocationTypeName ?? "Not set")</p>
        </div>
        <div class="col-md-4">
            <p class="eyebrow">Parent</p>
            <p>@(Model.Location.ParentLocationName ?? "Top level")</p>
        </div>
        <div class="col-12">
            <p class="eyebrow">Description</p>
            <p>@(Model.Location.Description ?? "No description yet.")</p>
        </div>
    </div>
    </section>

    @if (TempData["LocationMessage"] is string locationMessage)
    {
        <div class="alert alert-info">@locationMessage</div>
    }

    <section class="edit-panel">
    <h2>Known names</h2>
    <div class="asset-mini-list">
        @foreach (var name in knownNames)
        {
            var isPreferred = string.Equals(name, Model.Location.LocationName, StringComparison.OrdinalIgnoreCase);
            <div class="asset-mini-item">
                <strong>@name</strong>
                @if (isPreferred)
                {
                    <span class="status-pill">Preferred</span>
                }
                else
                {
                    <form asp-action="SetPreferredName" method="post">
                        <input type="hidden" name="id" value="@Model.Location.LocationID" />
                        <input type="hidden" name="preferredName" value="@name" />
                        <button class="btn btn-outline-secondary btn-sm" type="submit">Set as preferred</button>
                    </form>
                }
            </div>
        }
    </div>
    </section>

    <section class="edit-panel">
    <h2>Child locations <help-icon key="locations.childLocations" /></h2>
    @if (!Model.ChildLocations.Any())
    {
        <p class="muted">No child locations yet.</p>
    }
    else
    {
        <div class="location-chip-list">
            @foreach (var child in Model.ChildLocations)
            {
                <a class="location-chip" asp-action="Details" asp-route-id="@child.LocationID">@child.LocationName</a>
            }
        </div>
    }
    </section>

    <section class="edit-panel">
    <h2>Relationships <help-icon key="locations.relationships" /></h2>
    @if (!Model.Relationships.Any())
    {
        <p class="muted">No relationships defined yet.</p>
    }
    else
    {
        <div class="location-relationship-list">
            @foreach (var relationship in Model.Relationships)
            {
                <div class="location-relationship-card">
                    <div>
                        <strong>@relationship.FromLocationName</strong>
                        <span>@relationship.RelationshipTypeName.ToLowerInvariant()</span>
                        <strong>@relationship.ToLocationName</strong>
                        @if (relationship.IsBidirectional)
                        {
                            <span class="location-badge">both ways</span>
                        }
                        <p class="muted">@relationship.Notes</p>
                    </div>
                    <form asp-action="ArchiveRelationship" method="post" data-confirm-message="Archive this location relationship?&#10;&#10;This will hide it from active lists and timelines, but the data will be kept and can be restored later.">
                        <input type="hidden" name="id" value="@relationship.LocationRelationshipID" />
                        <input type="hidden" name="returnLocationId" value="@Model.Location.LocationID" />
                        <button class="btn btn-outline-secondary btn-sm" type="submit">Archive</button>
                    </form>
                </div>
            }
        </div>
    }

    <form asp-action="AddRelationship" method="post" class="asset-create-form mt-3">
        <input asp-for="NewRelationship.ProjectID" type="hidden" name="ProjectID" />
        <input asp-for="NewRelationship.FromLocationID" type="hidden" name="FromLocationID" />
        <div class="row g-2">
            <div class="col-md-5">
                <label class="form-label" for="ToLocationID">To location</label>
                <select class="form-select form-select-sm" id="ToLocationID" name="ToLocationID" asp-items="Model.LocationOptions"></select>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="LocationRelationshipTypeID">Relationship</label>
                <select class="form-select form-select-sm" id="LocationRelationshipTypeID" name="LocationRelationshipTypeID" asp-items="Model.RelationshipTypeOptions"></select>
            </div>
            <div class="col-md-3">
                <label class="form-label" for="Strength">Strength</label>
                <input class="form-control form-control-sm" id="Strength" name="Strength" type="number" min="1" max="10" />
            </div>
            <div class="col-12 location-flags">
                <label><input type="checkbox" name="IsBidirectional" value="true" /> Bidirectional</label>
                <label><input type="checkbox" name="CanHearNormalSpeech" value="true" /> Can hear normal speech</label>
                <label><input type="checkbox" name="CanHearLoudNoise" value="true" /> Can hear loud noise</label>
                <label><input type="checkbox" name="CanSeeMovement" value="true" /> Can see movement</label>
                <label><input type="checkbox" name="CanSeeClearly" value="true" /> Can see clearly</label>
                <label><input type="checkbox" name="CanTravelDirectly" value="true" /> Can travel directly</label>
            </div>
            <div class="col-12">
                <textarea class="form-control form-control-sm" name="Notes" rows="2" placeholder="Relationship notes"></textarea>
            </div>
        </div>
        <button class="btn btn-outline-primary btn-sm mt-2" type="submit">Add relationship</button>
    </form>
    </section>

    <section class="edit-panel">
    <h2>Used here <help-icon key="locations.usedHere" /></h2>
    <div class="row g-3">
        <div class="col-md-4">
            <h3>Scenes</h3>
            @foreach (var scene in Model.Scenes)
            {
                <p><strong>@SceneLabel(scene.ChapterNumber, scene.SceneNumber)</strong> <a asp-controller="Timeline" asp-action="Index" asp-route-ProjectID="@Model.Project.ProjectID" asp-route-SelectedSceneID="@scene.SceneID" asp-route-FocusType="location" asp-route-FocusID="@Model.Location.LocationID">@scene.SceneTitle</a></p>
            }
            @if (!Model.Scenes.Any()) { <p class="muted">No scenes set here.</p> }
        </div>
        <div class="col-md-4">
            <h3>Characters</h3>
            @foreach (var character in Model.Characters)
            {
                <p><strong>@character.CharacterName</strong> <span class="muted">@SceneLabel(character.ChapterNumber, character.SceneNumber)</span></p>
            }
            @if (!Model.Characters.Any()) { <p class="muted">No character placements yet.</p> }
        </div>
        <div class="col-md-4">
            <h3>Assets</h3>
            @foreach (var asset in Model.Assets)
            {
                <p><strong>@asset.AssetName</strong> <span class="muted">@asset.Description</span></p>
}

@functions {
    private static string SceneLabel(decimal chapterNumber, decimal sceneNumber)
        => chapterNumber > 0 ? $"Chapter {chapterNumber:g}, Scene {sceneNumber:g}" : $"Scene {sceneNumber:g}";
}
            @if (!Model.Assets.Any()) { <p class="muted">No asset placements yet.</p> }
        </div>
    </div>
    </section>
</div>