{% extends "portal/_layout.html" %}
{% block title %}{{ t('Documents') }}{% endblock %}
{% block content %}
<h1>{{ t('Documents') }}</h1>
<div class="card flush"><table>
  <thead><tr><th>{{ t('Document') }}</th><th>{{ t('Number') }}</th><th>{{ t('Expiry date') }}</th><th></th></tr></thead>
  <tbody>{% for d in docs %}<tr><td>{{ t(d.doc_type) }}</td><td>{{ d.number or '' }}</td>
    <td>{{ d.expiry_date or '—' }}{% if d.expiry_date and d.expiry_date < today %} <span class="badge st-cancelled">{{ t('Expired') }}</span>{% elif d.expiry_date and d.expiry_date <= soon %} <span class="badge st-warn">{{ t('Expires soon') }}</span>{% endif %}</td>
    <td class="num">{% if d.expiry_date and d.expiry_date <= soon %}<a class="btn ghost small" href="{{ url_for('supplier.documents', type=d.doc_type) }}#renew">{{ t('Renew') }}</a>{% endif %}</td></tr>
  {% else %}<tr><td class="empty" colspan="4">{{ t('Nothing yet.') }}</td></tr>{% endfor %}</tbody></table></div>
<form method="post" enctype="multipart/form-data" class="card" id="renew"><input type="hidden" name="csrf" value="{{ csrf_token() }}">
  <h3 style="margin-top:0">{{ t('Send a new or renewed document') }}</h3>
  <div class="grid">
    <div class="field"><label>{{ t('Document') }}</label><select name="doc_type">{% for d in doc_types %}<option value="{{ d }}" {{ 'selected' if pre == d }}>{{ t(d) }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Number') }}</label><input name="number"></div>
    <div class="field"><label>{{ t('Expiry date') }}</label><input type="date" name="expiry_date"></div>
    <div class="field"><label>{{ t('File') }} *</label><input type="file" name="file" accept=".pdf,.png,.jpg,.jpeg" required></div>
  </div><div class="form-actions"><button class="btn">{{ t('Send') }}</button></div></form>
{% if sent %}<div class="card flush"><div style="padding:14px 16px 6px"><h3 style="margin:0">{{ t('Sent to us') }}</h3></div><table><tbody>
  {% for d in sent %}<tr><td>{{ t(d.doc_type) }}</td><td class="num">{{ d.submitted_at[:10] }}</td><td><span class="badge st-{{ {'pending': 'warn', 'approved': 'posted', 'rejected': 'cancelled'}[d.state] }}">{{ t({'pending': 'Being checked', 'approved': 'Accepted', 'rejected': 'Not accepted'}[d.state]) }}</span>{% if d.reason %} <small>{{ d.reason }}</small>{% endif %}</td></tr>{% endfor %}
</tbody></table></div>{% endif %}
{% endblock %}