{% extends 'base.html' %}
{% block title %}{{ t.signoff_forms_title }} — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 600px;">
        <p class="auth-switch" style="margin-bottom: 10px;"><a href="{% url 'accounts:picker_home' %}">&larr; {{ t.nav_my_dashboard }}</a></p>
        <span class="section-kicker">{{ t.picker_dashboard_kicker }}</span>
        <h1>{{ t.signoff_forms_title }}</h1>
        <p style="color: var(--muted); margin-bottom: 20px;">{{ t.signoff_forms_intro }}</p>

        {% for tpl in templates %}
        <div class="order-card" style="margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
            <strong>{{ tpl.name }}</strong>
            <a href="{% url 'accounts:picker_fill_signoff_form' tpl.id %}" class="btn-small">{{ t.signoff_form_fill_btn }}</a>
        </div>
        {% empty %}
        <p style="color: var(--muted);">{{ t.signoff_forms_none }}</p>
        {% endfor %}
    </div>
</section>
{% endblock %}