mirror of
https://github.com/mwisnowski/mtg_python_deckbuilder.git
synced 2025-12-16 07:30:13 +01:00
47 lines
2 KiB
HTML
47 lines
2 KiB
HTML
<section>
|
|
{# Step phases removed #}
|
|
<div class="two-col two-col-left-rail">
|
|
<aside class="card-preview" data-card-name="{{ commander|urlencode }}">
|
|
{# Ensure synergy annotation suffix is stripped for Scryfall query and image fuzzy param #}
|
|
{% set commander_base = (commander.split(' - Synergy (')[0] if ' - Synergy (' in commander else commander) %}
|
|
<a href="https://scryfall.com/search?q={{ commander_base|urlencode }}" target="_blank" rel="noopener">
|
|
<img src="{{ commander_base|card_image('normal') }}" alt="{{ commander }} card image" data-card-name="{{ commander_base }}" />
|
|
</a>
|
|
</aside>
|
|
<div class="grow" data-skeleton>
|
|
<div hx-get="/build/banner" hx-trigger="load"></div>
|
|
|
|
|
|
|
|
|
|
{% if error %}
|
|
<div style="color:#a00; margin:.5rem 0;">{{ error }}</div>
|
|
{% endif %}
|
|
|
|
<form hx-post="/build/step3" hx-target="#wizard" hx-swap="innerHTML">
|
|
<fieldset>
|
|
<legend>Card Type Targets</legend>
|
|
<div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:.75rem;">
|
|
{% for key, label in labels.items() %}
|
|
<label>
|
|
{{ label }}
|
|
<input type="number" name="{{ key }}" min="0" value="{{ (values or defaults)[key] }}" />
|
|
<small class="muted">Default: {{ defaults[key] }}</small>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
</fieldset>
|
|
|
|
<div style="margin-top:1rem; display:flex; gap:.5rem;">
|
|
<button type="submit" class="btn-continue" data-action="continue">Continue to Review</button>
|
|
<button type="button" class="btn-back" data-action="back" hx-get="/build/step2" hx-target="#wizard" hx-swap="innerHTML">Back</button>
|
|
</div>
|
|
</form>
|
|
<div style="margin-top:.5rem;">
|
|
<form hx-post="/build/reset-all" hx-target="#wizard" hx-swap="innerHTML" style="display:inline; margin:0;">
|
|
<button type="submit">Start over</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|