{% extends "portal/_layout.html" %}
{% block title %}{{ t('Company & bank') }}{% endblock %}
{% block content %}
<h1>{{ t('Company & bank') }}</h1>
<div class="card"><h3 style="margin-top:0">{{ t('Company profile') }}</h3><dl class="doc-head">
  <div><dt>{{ t('Company') }}</dt><dd>{{ nm(p) }}</dd></div>
  <div><dt>{{ t('VAT registration no.') }}</dt><dd>{{ p.vat_no or '—' }}</dd></div>
  <div><dt>{{ t('Commercial registration no.') }}</dt><dd>{{ p.cr_no or '—' }}</dd></div>
  <div><dt>{{ t('Contact person') }}</dt><dd>{{ p.contact_person or '—' }}</dd></div>
  <div><dt>{{ t('Email') }}</dt><dd>{{ p.email or '—' }}</dd></div><div><dt>{{ t('Phone') }}</dt><dd>{{ p.phone or '—' }}</dd></div>
</dl><p class="muted"><small>{{ t('To change these details, write to our procurement team.') }}</small></p></div>
<div class="card"><h3 style="margin-top:0">{{ t('Bank account we pay to') }}</h3><dl class="doc-head">
  <div><dt>{{ t('Bank name') }}</dt><dd>{{ p.bank_name or '—' }}</dd></div><div><dt>{{ t('Account name') }}</dt><dd>{{ p.account_name or '—' }}</dd></div>
  <div><dt>IBAN</dt><dd style="font-family:monospace">{{ ('•••• •••• •••• ' ~ p.iban[-4:]) if p.iban else '—' }}</dd></div></dl></div>
{% if pending %}<div class="flash info">{{ icon('shield') }}<span>{{ t('New bank details ending') }} {{ pending.iban[-4:] }} {{ t('are being verified. We keep paying to the current account until they are approved.') }}</span></div>
{% else %}
<form method="post" enctype="multipart/form-data" class="card"><input type="hidden" name="csrf" value="{{ csrf_token() }}">
  <h3 style="margin-top:0">{{ t('Change bank account') }}</h3>
  <p class="muted" style="margin-top:0">{{ t('For your protection, new bank details are checked by our finance team (we may call you) before any payment uses them. Attach a stamped bank letter.') }}</p>
  <div class="grid">
    <div class="field"><label>{{ t('Bank name') }} *</label><input name="bank_name" required></div>
    <div class="field"><label>{{ t('Account name') }} *</label><input name="account_name" required value="{{ p.name_en }}"></div>
    <div class="field wide"><label>IBAN *</label><input name="iban" required style="font-family:monospace"></div>
    <div class="field"><label>SWIFT / BIC</label><input name="swift"></div>
    <div class="field"><label>{{ t('Bank letter') }} *</label><input type="file" name="file" accept=".pdf,.png,.jpg,.jpeg" required></div>
  </div><div class="form-actions"><button class="btn">{{ t('Send for verification') }}</button></div></form>{% endif %}
{% if changes %}<div class="card flush"><div style="padding:14px 16px 6px"><h3 style="margin:0">{{ t('Requests') }}</h3></div><table><tbody>
  {% for c in changes %}<tr><td class="num">{{ c.created_at[:10] }}</td><td style="font-family:monospace">…{{ c.iban[-4:] }}</td><td><span class="badge st-{{ {'pending': 'warn', 'approved': 'posted', 'rejected': 'cancelled'}.get(c.state, 'draft') }}">{{ t({'pending': 'Being checked', 'approved': 'Approved', 'rejected': 'Not approved'}.get(c.state, c.state)) }}</span>{% if c.state == 'rejected' and c.reason %} <small>{{ c.reason }}</small>{% endif %}</td></tr>{% endfor %}
</tbody></table></div>{% endif %}
{% endblock %}