{% extends "base.html" %}
{% block title %}{{ reg.number }}{% endblock %}
{% block content %}
{% set r = reg %}
<div class="page-head"><div><small><a href="{{ url_for('vendors.registrations') }}">{{ t('Supplier registrations') }}</a></small>
  <h1>{{ reg.company_en }} {% include "vendors/_reg_badge.html" %}</h1>
  <small>{{ reg.number }} · {{ t('Submitted') }} {{ (reg.submitted_at or '')[:16].replace('T', ' ') }}{% if reg.company_ar %} · <span dir="rtl">{{ reg.company_ar }}</span>{% endif %}</small></div>
  <div class="actions">{% if reg.partner_id %}<a class="btn" href="{{ url_for('vendors.view', pid=reg.partner_id) }}">{{ t('Open vendor') }}</a>{% endif %}</div></div>
{% if dups %}<div class="flash error">{{ icon('alert') }}<span><b>{{ t('Possible duplicate') }}:</b> {% for d in dups %}<a href="{{ url_for('vendors.view', pid=d.id) }}">{{ d.name }}</a> ({{ t('same') }} {{ d.field }}){{ ', ' if not loop.last }}{% endfor %}</span></div>{% endif %}
{% if missing %}<div class="flash error">{{ icon('alert') }}<span>{{ t('Missing documents') }}: {% for m in missing %}{{ t(m) }}{{ ', ' if not loop.last }}{% endfor %}</span></div>{% endif %}
{% if reg.state == 'info_requested' %}<div class="flash info">{{ icon('mail') }}<span><b>{{ t('Information requested') }}:</b> {{ reg.info_message }}</span></div>{% endif %}
{% if reg.state == 'rejected' %}<div class="flash error">{{ icon('alert') }}<span><b>{{ t('Rejected') }}:</b> {{ reg.reject_reason }}</span></div>{% endif %}
<div class="two-col">
  <div>
  <div class="card"><h3 style="margin-top:0">{{ t('Company') }}</h3><dl class="doc-head">
    <div><dt>{{ t('Commercial registration no.') }}</dt><dd>{{ reg.cr_no or '—' }}</dd></div>
    <div><dt>{{ t('VAT registration no.') }}</dt><dd>{{ reg.vat_no or '—' }}</dd></div>
    <div><dt>{{ t('Category') }}</dt><dd>{{ reg.category or '—' }}</dd></div>
    <div><dt>{{ t('Website') }}</dt><dd>{{ reg.website or '—' }}</dd></div>
    <div><dt>{{ t('Address') }}</dt><dd>{{ ', '.join([reg.address or '', reg.city or '', reg.country or '']|select) or '—' }}</dd></div>
  </dl></div>
  <div class="card"><h3 style="margin-top:0">{{ t('Contact') }}</h3><dl class="doc-head">
    <div><dt>{{ t('Contact person') }}</dt><dd>{{ reg.contact_person or '—' }}</dd></div>
    <div><dt>{{ t('Email') }}</dt><dd>{{ reg.email }}</dd></div>
    <div><dt>{{ t('Phone') }}</dt><dd>{{ reg.phone or '—' }}</dd></div>
  </dl></div>
  <div class="card"><h3 style="margin-top:0">{{ t('Bank account') }}</h3><dl class="doc-head">
    <div><dt>{{ t('Bank name') }}</dt><dd>{{ reg.bank_name or '—' }}</dd></div>
    <div><dt>{{ t('Account name') }}</dt><dd>{{ reg.account_name or '—' }}{% if reg.account_name and reg.account_name|lower != reg.company_en|lower %} <span class="badge st-warn">{{ t('differs from the company name') }}</span>{% endif %}</dd></div>
    <div><dt>IBAN</dt><dd style="font-family:monospace">{{ reg.iban or '—' }}</dd></div>
    <div><dt>SWIFT</dt><dd>{{ reg.swift or '—' }}</dd></div>
  </dl><p class="muted" style="margin-bottom:0"><small>{{ t('Check the IBAN and account name against the bank letter before approving.') }}</small></p></div>
  {% if reg.notes %}<div class="card"><h3 style="margin-top:0">{{ t('Notes from the supplier') }}</h3>{{ reg.notes }}</div>{% endif %}
  </div>
  <div class="card flush"><div style="padding:14px 16px 6px"><h3 style="margin:0">{{ t('Documents') }}</h3></div>
    <table><tbody>{% for d in docs %}<tr><td><a href="{{ url_for('vendors.registration_doc', doc_id=d.id) }}" target="_blank">{{ icon('file') }} {{ t(d.doc_type) }}</a><br><small class="muted">{{ d.original_name }}{% if d.number %} · {{ d.number }}{% endif %}{% if d.expiry_date %} · {{ t('expires') }} {{ d.expiry_date }}{% endif %}</small></td></tr>
    {% else %}<tr><td class="empty">{{ t('Nothing yet.') }}</td></tr>{% endfor %}</tbody></table></div>
</div>
{% set a = approval_status('vendor_registration', reg.id) %}
{% if a and a.req.state == 'pending' %}<div class="card"><b>{{ t('Approval') }}:</b> {{ t('Step') }} {{ a.req.current_step }} — {% for st in a.steps if st.state == 'current' %}{{ st.step.name }}: {% for tk in st.tasks %}<span class="tag">{{ tk.full_name or tk.username }}</span> {% endfor %}{% endfor %}</div>{% endif %}
{% if can_write and reg.state == 'submitted' %}
<div class="two-col" style="grid-template-columns:1fr 1fr 1fr">
  <form method="post" class="card"><h3 style="margin-top:0">{{ t('Approve') }}</h3>
    <p class="muted">{{ t('Creates the vendor (approved) with its documents and bank details, and emails an activation link for the supplier portal.') }}</p>
    <input name="comment" placeholder="{{ t('Comment') }}" style="width:100%">
    {% if a and a.can_override %}<div class="field check" style="margin-top:10px"><input type="checkbox" id="ovr" name="override" value="1"><label for="ovr">{{ t('Approve in place of the approvers') }}</label></div>{% endif %}
    <div class="form-actions"><button class="btn" name="action" value="approve" {{ 'disabled' if a and a.req.state == 'pending' and not (a.can_act or a.can_override) }}>{{ t('Approve') }}</button></div></form>
  <form method="post" class="card"><h3 style="margin-top:0">{{ t('Ask for more information') }}</h3>
    <textarea name="message" rows="3" placeholder="{{ t('e.g. The bank letter is not stamped. Please upload a stamped letter.') }}"></textarea>
    <div class="form-actions"><button class="btn ghost" name="action" value="info">{{ t('Send request') }}</button></div></form>
  <form method="post" class="card"><h3 style="margin-top:0">{{ t('Reject') }}</h3>
    <textarea name="reason" rows="3" placeholder="{{ t('Reason (sent to the supplier)') }}"></textarea>
    <div class="form-actions"><button class="btn danger" name="action" value="reject">{{ t('Reject') }}</button></div></form>
</div>
{% endif %}
{% endblock %}