@model StoryIntelligenceProgressViewModel
@{
    ViewData["Title"] = "Review locations";
    var locationCandidates = Model.LocationReview.Candidates.ToList();
}

<section class="onboarding-shell" aria-labelledby="story-location-title">
    <div class="onboarding-panel onboarding-review-panel story-review-page">
        <div class="onboarding-copy story-review-heading">
            <p class="eyebrow">Story Intelligence</p>
            <h1 id="story-location-title">Review Locations</h1>
            <p>Review place suggestions that need a create, same-location, or ignore decision.</p>
        </div>

        @if (TempData["OnboardingStoryIntelligenceError"] is string error)
        {
            <div class="alert alert-danger">@error</div>
        }
        @if (TempData["OnboardingStoryIntelligenceMessage"] is string message)
        {
            <div class="alert alert-success">@message</div>
        }

        <section class="story-review-chapter-list" aria-label="Location review">
            @if (Model.LocationReview.Candidates.Count == 0)
            {
                <div class="story-review-note">
                    <strong>No location decisions are waiting.</strong>
                    <p class="mb-0">Locations are already up to date, or there were no location suggestions ready to import.</p>
                </div>
                <div class="onboarding-actions">
                    <a class="btn btn-outline-secondary" asp-action="StoryIntelligenceReviewCentre" asp-route-batchId="@Model.BatchID">Back to Review Centre</a>
                </div>
            }
            else
            {
                <div class="story-review-card-actions">
                    <button class="btn btn-outline-secondary btn-sm" type="button" data-location-bulk="link-existing">Use exact matches</button>
                    <button class="btn btn-outline-secondary btn-sm" type="button" data-location-bulk="expand">Expand all</button>
                    <button class="btn btn-outline-secondary btn-sm" type="button" data-location-bulk="collapse">Collapse all</button>
                    <span class="story-review-page-status">
                        Page @Model.LocationReview.PageNumber.ToString("N0") of @Model.LocationReview.PageCount.ToString("N0")
                        &middot; Showing @Model.LocationReview.ShowingStart.ToString("N0")-@Model.LocationReview.ShowingEnd.ToString("N0") of @Model.LocationReview.PendingCandidateCount.ToString("N0") pending
                    </span>
                </div>

                <form asp-action="ImportStoryIntelligenceLocations" method="post" data-location-review-form data-story-review-form>
                    <input type="hidden" name="BatchID" value="@Model.BatchID" />
                    <input type="hidden" name="PageNumber" value="@Model.LocationReview.PageNumber" />
                    <div class="story-character-card-grid">
                        @for (var i = 0; i < locationCandidates.Count; i++)
                        {
	                            var candidate = locationCandidates[i];
	                            var status = candidate.IsExistingMatch ? "existing" : "new";
	                            var proposedParentLabel = candidate.ProposedParentLocationName ?? candidate.ParentLocationHint;
	                            var proposedParentValue = candidate.ProposedParentLocationID.HasValue
	                                ? $"existing:{candidate.ProposedParentLocationID.Value}"
	                                : !string.IsNullOrWhiteSpace(candidate.ProposedParentCandidateKey)
	                                    ? $"candidate:{candidate.ProposedParentCandidateKey}"
	                                    : string.Empty;
	                            var searchText = string.Join(" ", new[] { candidate.LocationName, candidate.ExistingLocationName, candidate.Category, candidate.ParentLocationHint, candidate.ProposedParentLocationName });
                            <details class="story-character-card" open data-location-card data-location-status="@status" data-location-existing-match="@candidate.IsExistingMatch.ToString().ToLowerInvariant()" data-location-search-text="@searchText">
                                <summary class="story-review-card-header">
                                    <span>
                                        <strong>@candidate.LocationName</strong>
                                        <small>@candidate.Category · @candidate.AppearsInScenes.ToString("N0") scene@(candidate.AppearsInScenes == 1 ? string.Empty : "s")</small>
                                    </span>
                                    <em>@candidate.Confidence</em>
                                </summary>

                                <input type="hidden" name="Locations[@i].Key" value="@candidate.Key" />

                                <div class="story-character-card__body" data-location-key="@candidate.Key" data-location-name="@candidate.LocationName">
                                    <dl>
                                        <div><dt>First appearance</dt><dd>@Display(candidate.ExampleFirstAppearance)</dd></div>
                                        <div><dt>Proposed parent</dt><dd>@Display(proposedParentLabel)</dd></div>
                                        <div><dt>Existing match</dt><dd>@(candidate.ExistingLocationName ?? "None")</dd></div>
                                    </dl>

                                    @if (!string.IsNullOrWhiteSpace(candidate.ExampleContext))
                                    {
                                        <div class="story-review-note">
                                            <strong>Scene context</strong>
                                            <p>@candidate.ExampleContext</p>
                                        </div>
                                    }

                                    @if (candidate.EvidenceSummaries.Any())
                                    {
                                        <details class="story-review-note">
                                            <summary>Evidence from @candidate.AppearsInScenes.ToString("N0") scene@(candidate.AppearsInScenes == 1 ? string.Empty : "s")</summary>
                                            <ul class="mb-0">
                                                @foreach (var evidence in candidate.EvidenceSummaries)
                                                {
                                                    <li>@evidence</li>
                                                }
                                            </ul>
                                        </details>
                                    }

                                    @if (candidate.IsExistingMatch)
                                    {
                                        <div class="story-review-note">
                                            <strong>Existing location matched</strong>
                                            <p>@candidate.LocationName is linked to @candidate.ExistingLocationName. Review only the parent location if needed.</p>
                                        </div>
                                    }

                                    @if (candidate.IsExistingMatch)
                                    {
                                        <input type="hidden" name="Locations[@i].Action" value="@StoryIntelligenceLocationImportActions.LinkExisting" data-location-action />
                                        <input type="hidden" name="Locations[@i].ExistingLocationID" value="@candidate.ExistingLocationID" />
                                    }
                                    else
                                    {
                                        <fieldset class="story-character-actions">
                                            <legend>Decision</legend>
                                            <label>
                                                <input type="radio" name="Locations[@i].Action" value="@StoryIntelligenceLocationImportActions.CreateNew" checked="@(candidate.DefaultAction == StoryIntelligenceLocationImportActions.CreateNew)" data-location-action />
                                                Create new location
                                            </label>
                                            <label>
                                                <input type="radio" name="Locations[@i].Action" value="@StoryIntelligenceLocationImportActions.LinkExisting" checked="@(candidate.DefaultAction == StoryIntelligenceLocationImportActions.LinkExisting)" data-location-action />
                                                Same location as
                                            </label>
                                            <label>
                                                <input type="radio" name="Locations[@i].Action" value="@StoryIntelligenceLocationImportActions.Ignore" data-location-action />
                                                Ignore
                                            </label>
                                        </fieldset>

                                        <div data-location-import-name-panel>
                                            <label class="form-label" for="location-import-name-@i">Import name</label>
                                            <input id="location-import-name-@i" class="form-control" name="Locations[@i].ImportName" value="@candidate.ImportName" />
                                        </div>
                                    }

                                    <div data-location-parent-panel>
                                        <label class="form-label" for="location-parent-@i">Parent location</label>
	                                        <select id="location-parent-@i" class="form-select" name="Locations[@i].ParentSelection">
	                                            @if (!string.IsNullOrWhiteSpace(proposedParentLabel))
	                                            {
	                                                <option value="@proposedParentValue" selected>Use proposed: @proposedParentLabel</option>
	                                            }
                                            @if (string.IsNullOrWhiteSpace(proposedParentLabel))
                                            {
                                                <option value="__none__" selected>Not determined</option>
                                            }
                                            else
                                            {
                                                <option value="__none__">Not determined</option>
                                            }
	                                            @foreach (var group in Model.LocationReview.LocationTargetOptions
	                                                .Where(target => !IsSelfTarget(target, candidate))
	                                                .GroupBy(target => target.GroupName))
	                                            {
	                                                <optgroup label="@group.Key">
	                                                    @foreach (var target in group)
	                                                    {
	                                                        if (string.Equals(target.Value, proposedParentValue, StringComparison.OrdinalIgnoreCase))
	                                                        {
	                                                            continue;
	                                                        }
	                                                        <option value="@target.Value">@TargetLabel(target)</option>
	                                                    }
	                                                </optgroup>
	                                            }
	                                        </select>
	                                    </div>

                                    @if (!candidate.IsExistingMatch)
                                    {
                                        <div data-location-same-panel hidden>
	                                            <label class="form-label" for="location-same-target-@i">Same location as</label>
	                                            <select id="location-same-target-@i" class="form-select" data-location-unified-target>
	                                                <option value="">Choose location...</option>
	                                                @foreach (var group in Model.LocationReview.LocationTargetOptions
	                                                    .Where(target => !IsSelfTarget(target, candidate))
	                                                    .GroupBy(target => target.GroupName))
	                                                {
	                                                    <optgroup label="@group.Key">
	                                                        @foreach (var target in group)
	                                                        {
	                                                            <option value="@target.Value">@TargetLabel(target)</option>
	                                                        }
	                                                    </optgroup>
	                                                }
	                                            </select>
	                                            <input type="hidden" name="Locations[@i].ExistingLocationID" data-location-existing-target />
	                                            <input type="hidden" name="Locations[@i].AliasTargetKey" data-location-alias-target />
	                                        </div>
	                                    }
                                </div>
                            </details>
                        }
                    </div>

                    <div class="onboarding-actions">
                        <span class="text-muted">
                            Page @Model.LocationReview.PageNumber.ToString("N0") of @Model.LocationReview.PageCount.ToString("N0")
                            &middot; Showing @Model.LocationReview.ShowingStart.ToString("N0")-@Model.LocationReview.ShowingEnd.ToString("N0") of @Model.LocationReview.PendingCandidateCount.ToString("N0") pending
                        </span>
                        @if (Model.LocationReview.HasPreviousPage)
                        {
                            <button class="btn btn-outline-secondary" type="submit" name="intent" value="previous" data-busy-label="Saving page...">Previous</button>
                        }
                        @if (Model.LocationReview.HasNextPage)
                        {
                            <button class="btn btn-primary" type="submit" name="intent" value="next" data-busy-label="Saving page...">Next</button>
                        }
                        else
                        {
                            <button class="btn btn-primary" type="submit" name="intent" value="save" data-busy-label="Saving locations...">Save location decisions</button>
                        }
                    </div>
                </form>
            }
        </section>
    </div>
</section>

@section Scripts {
    <script>
        (() => {
            const form = document.querySelector("[data-location-review-form]");
            if (!form) return;

            const cards = () => Array.from(form.querySelectorAll("[data-location-card]"));
            const setAction = (card, action) => {
                const input = card.querySelector(`[data-location-action][value="${action}"]`);
                if (input) {
                    input.checked = true;
                    updateCard(card);
                }
            };
            const actionFor = (card) => card.querySelector("[data-location-action]:checked")?.value || "@StoryIntelligenceLocationImportActions.CreateNew";
            const applyUnifiedTarget = (card) => {
                const selector = card.querySelector("[data-location-unified-target]");
                const existing = card.querySelector("[data-location-existing-target]");
                const pending = card.querySelector("[data-location-alias-target]");
                const value = selector?.value || "";
                if (existing && selector) existing.value = value.startsWith("existing:") ? value.substring("existing:".length) : "";
                if (pending && selector) pending.value = value.startsWith("candidate:") ? value.substring("candidate:".length) : "";
            };
            const isCanonicalTarget = (card) => {
                applyUnifiedTarget(card);
                const action = actionFor(card);
                const pendingTarget = card.querySelector("[data-location-alias-target]")?.value || "";
                return action !== "@StoryIntelligenceLocationImportActions.Ignore"
                    && !pendingTarget;
            };
            const updateAliasTargets = () => {
                cards().forEach(applyUnifiedTarget);
            };
            const updateCard = (card) => {
                const action = actionFor(card);
                const isExistingMatch = card.getAttribute("data-location-existing-match") === "true";
                const namePanel = card.querySelector("[data-location-import-name-panel]");
                const samePanel = card.querySelector("[data-location-same-panel]");
                applyUnifiedTarget(card);
                if (namePanel) namePanel.hidden = action === "@StoryIntelligenceLocationImportActions.Ignore" || action === "@StoryIntelligenceLocationImportActions.LinkExisting";
                const parentPanel = card.querySelector("[data-location-parent-panel]");
                if (parentPanel) parentPanel.hidden = action === "@StoryIntelligenceLocationImportActions.Ignore" || (action === "@StoryIntelligenceLocationImportActions.LinkExisting" && !isExistingMatch);
                if (samePanel) samePanel.hidden = action !== "@StoryIntelligenceLocationImportActions.LinkExisting";
                updateAliasTargets();
            };
            document.querySelectorAll("[data-location-bulk]").forEach(button => {
                button.addEventListener("click", () => {
                    const action = button.getAttribute("data-location-bulk");
                    if (action === "link-existing") cards().forEach(card => {
                        if (card.querySelector("[data-location-existing-target]")?.value) {
                            setAction(card, "@StoryIntelligenceLocationImportActions.LinkExisting");
                        }
                    });
                    if (action === "expand") cards().forEach(card => card.open = true);
                    if (action === "collapse") cards().forEach(card => card.open = false);
                });
            });
            form.querySelectorAll("[data-location-action]").forEach(input => {
                input.addEventListener("change", () => updateCard(input.closest("[data-location-card]")));
            });
	            form.querySelectorAll("[data-location-unified-target]").forEach(select => {
	                select.addEventListener("change", () => cards().forEach(updateCard));
	            });
            cards().forEach(updateCard);
        })();
    </script>
    <script src="~/js/story-review-actions.js" asp-append-version="true"></script>
}

@functions {
    private static string Display(string? value) => string.IsNullOrWhiteSpace(value) ? "Not detected" : value;
    private static string TargetLabel(StoryIntelligenceLocationTargetOptionViewModel target)
        => string.IsNullOrWhiteSpace(target.AliasSummary) ? target.DisplayName : $"{target.DisplayName} ({target.AliasSummary})";

    private static bool IsSelfTarget(StoryIntelligenceLocationTargetOptionViewModel target, StoryIntelligenceLocationReviewCandidateViewModel candidate)
        => (target.LocationID.HasValue && candidate.ExistingLocationID == target.LocationID)
            || (!string.IsNullOrWhiteSpace(target.CandidateKey) && string.Equals(target.CandidateKey, candidate.Key, StringComparison.OrdinalIgnoreCase));
}