@page "/syndicates"
@using Chrono.Components

<HeadContent>
    <meta name="description" content="Explore each syndicate in Chrono CCG."/>
</HeadContent>

<div class="syndicates-container">
    <div class="syndicates-header">
        <h1>Syndicates</h1>
        <p class="text-secondary">Explore the @syndicates.Count core syndicates of Chrono CCG</p>
    </div>

    <div class="pairings-grid">
        @foreach (var doc in syndicates)
        {
            var s = doc.Title;
            <div class="pairing-card" @onclick="() => OpenSyndicate(doc)">
                <div class="pairing-display">
                    <div class="syndicate-item @s.ToLowerInvariant()">
                        <span class="syn-icon"></span>
                        <span class="syn-name">@s</span>
                    </div>
                </div>
                <div class="pairing-info">
                    <span class="pairing-label">Syndicate</span>
                </div>
            </div>
        }
    </div>
</div>

<SyndicateDialog Doc="selectedDoc" OnClose="CloseSyndicate" OnNavigate="HandleNavigate"/>
<CardDialog Card="selectedCard" OnClose="CloseCard" OnNavigate="HandleNavigate"/>
<GenericDocDialog Doc="selectedGenericDoc" OnClose="CloseGenericDoc"/>

@code {
    private List<DocData> syndicates = [];
    private DocData? selectedDoc;
    private CardData? selectedCard;
    private DocData? selectedGenericDoc;

    protected override void OnInitialized()
    {
        syndicates = DocDatabase.Docs
            .Where(d => d.Category == "Syndicate")
            .OrderBy(d => d.Title)
            .ToList();
    }

    private void OpenSyndicate(DocData doc)
    {
        selectedDoc = doc;
    }

    private void CloseSyndicate()
    {
        selectedDoc = null;
    }

    private void CloseCard()
    {
        selectedCard = null;
    }

    private void CloseGenericDoc()
    {
        selectedGenericDoc = null;
    }

    private void HandleNavigate(string name)
    {
        var card = CardDatabase.Cards.FirstOrDefault(c => string.Equals(c.Name, name, StringComparison.OrdinalIgnoreCase));
        if (card != null)
        {
            if (card.Category is "Agent" or "Spell")
            {
                selectedCard = card;
            }
            else
            {
                selectedGenericDoc = new DocData { Title = card.Name, Content = card.Description ?? "", Category = card.Category };
            }

            StateHasChanged();
            return;
        }

        var doc = DocDatabase.Docs.FirstOrDefault(d => string.Equals(d.Title, name, StringComparison.OrdinalIgnoreCase));
        if (doc != null)
        {
            selectedGenericDoc = doc;
            StateHasChanged();
        }
    }

}