mirror of
https://github.com/mwisnowski/mtg_python_deckbuilder.git
synced 2026-03-24 05:56:32 +01:00
104 lines
5 KiB
HTML
104 lines
5 KiB
HTML
{% extends "base.html" %}
|
||
{% block banner_subtitle %}Budget Pickups{% endblock %}
|
||
{% block content %}
|
||
<h2>Pickups List</h2>
|
||
{% if commander %}
|
||
<div class="muted" style="margin-bottom:.5rem;">Deck: <strong>{{ commander }}</strong>{% if name %} — <span class="muted text-xs">{{ name }}</span>{% endif %}</div>
|
||
{% endif %}
|
||
|
||
{% if error %}
|
||
<div class="panel panel-info-warning">{{ error }}</div>
|
||
{% elif not budget_report %}
|
||
<div class="panel">No budget report available for this deck.</div>
|
||
{% else %}
|
||
|
||
{% set bstatus = budget_report.budget_status %}
|
||
<div class="budget-badge budget-badge--{{ bstatus }}" style="margin-bottom:.75rem;">
|
||
{% if bstatus == 'under' %}
|
||
Under Budget: ${{ "%.2f"|format(budget_report.total_price) }} / ${{ "%.2f"|format(budget_config.total) }}
|
||
{% elif bstatus == 'soft_exceeded' %}
|
||
Over Budget (soft): ${{ "%.2f"|format(budget_report.total_price) }} / ${{ "%.2f"|format(budget_config.total) }}
|
||
(+${{ "%.2f"|format(budget_report.overage) }})
|
||
{% else %}
|
||
Hard Cap Exceeded: ${{ "%.2f"|format(budget_report.total_price) }} / ${{ "%.2f"|format(budget_config.total) }}
|
||
(+${{ "%.2f"|format(budget_report.overage) }})
|
||
{% endif %}
|
||
</div>
|
||
{% if stale_prices_global is defined and stale_prices_global %}
|
||
<div class="stale-banner">⏱ Prices shown may be more than 24 hours old. Refresh price data on the Setup page if you need current values.</div>
|
||
{% endif %}
|
||
|
||
{% if budget_report.pickups_list %}
|
||
<p class="muted text-sm" style="margin-bottom:.5rem;">
|
||
Cards you don't own yet that fit the deck's themes and budget. Sorted by theme match priority.
|
||
</p>
|
||
<table class="pickups-table" style="width:100%; border-collapse:collapse;">
|
||
<thead>
|
||
<tr>
|
||
<th style="text-align:left; padding:.4rem .5rem; border-bottom:1px solid var(--border,#333);">Card</th>
|
||
<th style="text-align:right; padding:.4rem .5rem; border-bottom:1px solid var(--border,#333);">Price</th>
|
||
<th style="text-align:center; padding:.4rem .5rem; border-bottom:1px solid var(--border,#333);">Tier</th>
|
||
<th style="text-align:right; padding:.4rem .5rem; border-bottom:1px solid var(--border,#333);">Priority</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for card in budget_report.pickups_list %}
|
||
<tr>
|
||
<td style="padding:.35rem .5rem; border-bottom:1px solid var(--border-subtle,#222);">
|
||
<span class="card-name-price-hover" data-card-name="{{ card.card|e }}">{{ card.card }}</span>
|
||
</td>
|
||
<td style="text-align:right; padding:.35rem .5rem; border-bottom:1px solid var(--border-subtle,#222);">
|
||
{% if card.price is not none %}
|
||
${{ "%.2f"|format(card.price) }}{% if stale_prices is defined and card.card|lower in stale_prices %}<span class="stale-price-badge" title="Price may be outdated (>24h)">⏱</span>{% endif %}
|
||
{% else %}
|
||
<span class="muted">–</span>
|
||
{% endif %}
|
||
</td>
|
||
<td style="text-align:center; padding:.35rem .5rem; border-bottom:1px solid var(--border-subtle,#222);">
|
||
<span class="tier-badge tier-badge--{{ card.tier|lower }}">{{ card.tier }}</span>
|
||
</td>
|
||
<td style="text-align:right; padding:.35rem .5rem; border-bottom:1px solid var(--border-subtle,#222);" class="muted">
|
||
{{ card.priority }}
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
{% else %}
|
||
<div class="panel muted">No pickups suggestions available — your deck may already fit the budget well.</div>
|
||
{% endif %}
|
||
|
||
{% if budget_report.over_budget_cards %}
|
||
<h3 style="margin-top:1.25rem;">Over-Budget Cards</h3>
|
||
<p class="muted text-sm" style="margin-bottom:.5rem;">
|
||
Cards in your current deck that exceed the budget or per-card ceiling.
|
||
</p>
|
||
<table style="width:100%; border-collapse:collapse;">
|
||
<thead>
|
||
<tr>
|
||
<th style="text-align:left; padding:.4rem .5rem; border-bottom:1px solid var(--border,#333);">Card</th>
|
||
<th style="text-align:right; padding:.4rem .5rem; border-bottom:1px solid var(--border,#333);">Price</th>
|
||
<th style="text-align:left; padding:.4rem .5rem; border-bottom:1px solid var(--border,#333);">Note</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for c in budget_report.over_budget_cards %}
|
||
<tr>
|
||
<td style="padding:.35rem .5rem; border-bottom:1px solid var(--border-subtle,#222);">{{ c.card }}</td>
|
||
<td style="text-align:right; padding:.35rem .5rem; border-bottom:1px solid var(--border-subtle,#222);">${{ "%.2f"|format(c.price) }}{% if stale_prices is defined and c.card|lower in stale_prices %}<span class="stale-price-badge" title="Price may be outdated (>24h)">⏱</span>{% endif %}</td>
|
||
<td style="padding:.35rem .5rem; border-bottom:1px solid var(--border-subtle,#222);" class="muted">
|
||
{% if c.ceiling_exceeded %}Above ${{ "%.2f"|format(budget_config.card_ceiling) }} ceiling{% endif %}
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
{% endif %}
|
||
|
||
{% endif %}
|
||
|
||
<div style="margin-top:1rem;">
|
||
<a href="/decks/view?name={{ name|urlencode }}" class="btn" role="button">Back to Deck</a>
|
||
<a href="/decks" class="btn" role="button">All Decks</a>
|
||
</div>
|
||
{% endblock %}
|