mtg_python_deckbuilder/code/web/templates/decks/view.html

{% extends "base.html" %}
{% block banner_subtitle %}Finished Decks{% endblock %}
{% block content %}
<h2>Finished Deck</h2>
{% if display_name %}
  <div><strong>{{ display_name }}</strong></div>
{% endif %}
<div class="muted">Commander: <strong data-card-name="{{ commander }}">{{ commander }}</strong>{% if tags and tags|length %} • Themes: {{ tags|join(', ') }}{% endif %}</div>
<div class="muted">This view mirrors the end-of-build summary. Use the buttons to download the CSV/TXT exports.</div>

<div class="two-col two-col-left-rail" style="margin-top:.75rem;">
  <aside class="card-preview">
    {% if commander %}
    <a href="https://scryfall.com/search?q={{ commander|urlencode }}" target="_blank" rel="noopener">
      <img src="https://api.scryfall.com/cards/named?fuzzy={{ commander|urlencode }}&format=image&version=normal" alt="{{ commander }} card image" data-card-name="{{ commander }}" width="320" />
    </a>
    <div class="muted" style="margin-top:.25rem;">Commander: <span data-card-name="{{ commander }}">{{ commander }}</span></div>
    {% endif %}
    <div style="margin-top:.75rem; display:flex; gap:.35rem; flex-wrap:wrap;">
      {% if csv_path %}
      <form action="/files" method="get" target="_blank" style="display:inline; margin:0;">
        <input type="hidden" name="path" value="{{ csv_path }}" />
        <button type="submit">Download CSV</button>
      </form>
      {% endif %}
      {% if txt_path %}
      <form action="/files" method="get" target="_blank" style="display:inline; margin:0;">
        <input type="hidden" name="path" value="{{ txt_path }}" />
        <button type="submit">Download TXT</button>
      </form>
      {% endif %}
      <a href="/decks/compare?A={{ name|urlencode }}" class="btn" role="button" title="Compare this deck with another">Compare…</a>
      <form method="get" action="/decks" style="display:inline; margin:0;">
        <button type="submit">Back to Finished Decks</button>
      </form>
    </div>
  </aside>
  <div class="grow">
    {% if summary %}
      {% if owned_set %}
        {% set ns = namespace(owned=0, total=0) %}
        {% set tb = summary.type_breakdown %}
        {% if tb and tb.cards %}
          {% for t, clist in tb.cards.items() %}
            {% for c in clist %}
              {% set cnt = c.count if c.count else 1 %}
              {% set ns.total = ns.total + cnt %}
              {% if c.name and (c.name|lower in owned_set) %}
                {% set ns.owned = ns.owned + cnt %}
              {% endif %}
            {% endfor %}
          {% endfor %}
        {% endif %}
        {% set not_owned = (ns.total - ns.owned) %}
        {% set pct = ( (ns.owned * 100.0 / (ns.total or 1)) | round(1) ) %}
        <div class="panel" style="margin-bottom:.75rem;">
          <div style="display:flex; gap:1rem; align-items:center; flex-wrap:wrap;">
            <div><strong>Ownership</strong></div>
            <div class="muted">Owned: {{ ns.owned }} • Not owned: {{ not_owned }} • Total: {{ ns.total }} ({{ pct }}%)</div>
          </div>
        </div>
      {% endif %}
  {{ render_cached('partials/deck_summary.html', name, request=request, summary=summary, game_changers=game_changers, owned_set=owned_set, combos=combos, synergies=synergies, versions=versions) | safe }}
    {% else %}
      <div class="muted">No summary available.</div>
    {% endif %}
  </div>
</div>
{% endblock %}