@page "/Warframe"
<PageTitle>Warframe drops</PageTitle>

<main>
    <h1>Warframe drops</h1>

    <form method="get" action="/Warframe" class="flex-row">
        <label for="q">Search for a part</label>
        <input type="search" id="q" name="q" value="@Query" list="drop-names" autofocus
               placeholder="Nikana Prime Blade" autocomplete="off"/>
        <button type="submit">Search</button>
    </form>

    @* Filled in by script from /api/warframe/names. *@
    <datalist id="drop-names"></datalist>

    @if (Status.Error is { } error)
    {
        <p class="error">@error</p>
    }

    @if (Tables is not { } tables)
    {
        @if (Status.Error is null)
        {
            <p>Reading the drop tables…</p>
        }
    }
    else
    {
        @if (Matches.Count > 1)
        {
            <Panel Legend="@($"{Matches.Count} matches")">
                <ul class="matches">
                    @foreach (var name in Matches)
                    {
                        <li>
                            <a href="@SearchLink(name)" class="@(name == Item?.Name ? "active" : null)">@name</a>
                        </li>
                    }
                </ul>
            </Panel>
        }

        @if (Item is { } item)
        {
            <h2 class="item-name">
                @item.Name
                <a class="wiki" href="@WikiLink(item.Name)" rel="external noreferrer">[wiki]</a>
            </h2>

            @if (item.Sources.Count == 0 && !item.FromRelics)
            {
                <p>Nothing in the drop tables gives this out.</p>
            }

            @if (item.FromRelics)
            {
                <Panel Legend="From relics">
                    <p>
                        <b>Intact</b> is the chance in an unrefined relic, <b>Radiant</b> after
                        four upgrades. Relics you can still farm are listed first.
                    </p>

                    @foreach (var (line, relicSources) in RelicRoutes(item))
                    {
                        <div class="relic">
                            <h3>
                                <a href="@ItemLink(line.Relic)">@line.Relic</a>
                                <a class="wiki" href="@WikiLink(line.Relic)" rel="external noreferrer">[wiki]</a>
                                <span class="muted">@line.Rarity</span>
                                <span>@Percent(line.Intact) intact → @Percent(line.Radiant) radiant</span>
                            </h3>

                            @if (relicSources.Count == 0)
                            {
                                <p class="muted">Vaulted: nothing currently drops this relic.</p>
                            }
                            else
                            {
                                <p class="muted relic-lead">Best places to farm this relic</p>
                                <div class="table-scroll">
                                    <table>
                                        <tbody>
                                        @foreach (var source in relicSources)
                                        {
                                            <tr>
                                                <td>@source.Location</td>
                                                <td class="muted">@source.Context</td>
                                                <td class="muted">@CategoryLabel(source.Category)</td>
                                                <td class="chance">@Percent(source.Chance)</td>
                                            </tr>
                                        }
                                        </tbody>
                                    </table>
                                </div>
                            }
                        </div>
                    }
                </Panel>
            }

            @if (item.Sources.Count > 0)
            {
                <Panel Legend="@(item.FromRelics ? "Also drops directly from" : "Drops from")">
                    <div class="table-scroll">
                        <table>
                            <thead>
                            <tr>
                                <th>Where</th>
                                <th>Rotation / stage</th>
                                <th>Kind</th>
                                <th class="chance">Chance</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach (var source in item.Sources.Take(MaxSources))
                            {
                                <tr>
                                    <td>@source.Location</td>
                                    <td class="muted">@source.Context</td>
                                    <td class="muted">@CategoryLabel(source.Category)</td>
                                    <td class="chance" title="@source.Rarity">@Percent(source.Chance)</td>
                                </tr>
                            }
                            </tbody>
                        </table>
                    </div>

                    @if (item.Sources.Count > MaxSources)
                    {
                        <p class="muted">
                            @(item.Sources.Count - MaxSources) more places with a lower chance.
                        </p>
                    }
                </Panel>
            }

            @if (item.IsRelic)
            {
                <Panel Legend="Contains">
                    <div class="table-scroll">
                        <table>
                            <thead>
                            <tr>
                                <th>Reward</th>
                                <th>Rarity</th>
                                <th class="chance">Intact</th>
                                <th class="chance">Radiant</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach (var line in item.Contents)
                            {
                                <tr>
                                    <td>
                                        <a href="@ItemLink(line.Item)">@line.Item</a>
                                        <a class="wiki" href="@WikiLink(line.Item)" rel="external noreferrer">[wiki]</a>
                                    </td>
                                    <td class="muted">@line.Rarity</td>
                                    <td class="chance">@Percent(line.Intact)</td>
                                    <td class="chance">@Percent(line.Radiant)</td>
                                </tr>
                            }
                            </tbody>
                        </table>
                    </div>
                </Panel>
            }
        }
        else if (Matches.Count == 0 && !string.IsNullOrWhiteSpace(Query))
        {
            <p>Nothing called “@Query” drops anywhere. Try part of the name.</p>
        }
        else if (Matches.Count == 0)
        {
            <Panel Legend="What this is">
                <p>
                    @ItemCount(tables) items from Warframe's published drop tables. Search a
                    part to see where it drops, sorted by chance; for prime parts, the relics
                    holding it and where to farm those.
                </p>
                <p>
                    Chances are per reward roll, as published. For enemies, the enemy's drop
                    chance multiplied by the item's share of it.
                </p>
                <p>
                    Try
                    <a href="/Warframe?q=Gyre+Prime">Gyre Prime</a>,
                    <a href="/Warframe?q=Tellurium">Tellurium</a>,
                    <a href="/Warframe?q=Nitain+Extract">Nitain Extract</a> or
                    <a href="/Warframe?q=Lith+Q3">Lith Q3</a>.
                </p>
            </Panel>
        }

        <p class="muted">
            <a href="https://www.warframe.com/droptables">Drop tables</a> by Digital Extremes,
            last updated @tables.LastUpdate. This copy was pulled @Age(tables.FetchedAt) and
            refreshes when the site is deployed.
        </p>
    }
</main>

<script type="module" src="@Assets["Components/Pages/Warframe.razor.js"]"></script>