{% extends "base.html" %}
{% block title %}{{ t('Supplier registrations') }}{% endblock %}
{% block content %}
<div class="page-head"><div><small><a href="{{ url_for('vendors.index') }}">{{ t('Vendor Management') }}</a></small>
  <h1>{{ t('Supplier registrations') }}</h1></div></div>
<div class="card">
  <h3 style="margin-top:0">{{ t('Registration link') }}</h3>
  <p class="muted" style="margin-top:0">{{ t('Share this link with new suppliers (website, emails, tenders). They fill in their details and documents; you review and approve here.') }}</p>
  <div class="filters" style="padding:0">
    <input id="reg-link" value="{{ link }}" readonly style="flex:1;min-width:280px;font-family:monospace">
    <button type="button" class="btn ghost" onclick="var i=document.getElementById('reg-link');i.select();navigator.clipboard&&navigator.clipboard.writeText(i.value);this.textContent='{{ t('Copied') }}'">{{ t('Copy link') }}</button>
    <a class="btn ghost" href="{{ link }}" target="_blank">{{ t('Open') }}</a>
  </div>
  {% if can_write %}<form method="post" action="{{ url_for('vendors.invite_supplier') }}" class="filters" style="padding:10px 0 0">
    <input type="email" name="email" placeholder="{{ t('supplier@example.com') }}" required><button class="btn ghost">{{ icon('mail') }}{{ t('Email the link') }}</button></form>{% endif %}
</div>
<div class="tabs">
  {% for s, lbl in (('submitted', 'Waiting review'), ('info_requested', 'Information requested'), ('approved', 'Approved'), ('rejected', 'Rejected'), ('all', 'All')) %}
  <a href="{{ url_for('vendors.registrations', state=s) }}" class="{{ 'active' if state == s }}">{{ t(lbl) }}{% if counts.get(s) %} <span class="muted">{{ counts[s] }}</span>{% endif %}</a>{% endfor %}
</div>
<div class="card flush"><table>
  <thead><tr><th>{{ t('Reference') }}</th><th>{{ t('Company') }}</th><th>{{ t('VAT') }}</th><th>{{ t('Category') }}</th><th>{{ t('Contact') }}</th><th class="num">{{ t('Documents') }}</th><th>{{ t('Submitted') }}</th><th>{{ t('Status') }}</th></tr></thead>
  <tbody>
  {% for r in rows %}
    <tr data-href="{{ url_for('vendors.registration', rid=r.id) }}"><td><b>{{ r.number }}</b></td><td>{{ nm({'name_en': r.company_en, 'name_ar': r.company_ar}) }}</td><td>{{ r.vat_no or '' }}</td><td>{{ r.category or '' }}</td>
      <td>{{ r.contact_person or '' }}<br><small>{{ r.email }}</small></td><td class="num">{{ r.ndocs }}</td><td class="num">{{ (r.submitted_at or '')[:10] }}</td>
      <td>{% include "vendors/_reg_badge.html" %}</td></tr>
  {% else %}<tr><td class="empty" colspan="8">{{ t('Nothing yet.') }}</td></tr>{% endfor %}
  </tbody></table></div>
{% endblock %}