{% extends "base.html" %}
{% block title %}{{ a.primary_translit or a.mark_text or 'Application' }} · Archive{% endblock %}
{% block body %}
<div class="toolbar">
  <div>
    <h1 style="margin:0">{{ a.primary_translit or a.mark_text or 'Application' }}</h1>
    <p class="sub" style="margin:4px 0 0">
      {% if a.verified %}<span class="pill ok">verified</span>{% else %}<span class="pill open">draft</span>{% endif %}
      &nbsp; Publication {{ a.pub_date or '—' }} &nbsp;·&nbsp;
      Opposition deadline <span class="mono" style="color:var(--warn)">{{ a.opposition_deadline or '—' }}</span>
    </p>
  </div>
  <div class="spacer"></div>
  <a class="btn ghost" href="{{ url_for('edit_application', app_id=a.id) }}">Edit</a>
  <a class="btn ghost" href="{{ url_for('issue_detail', issue_id=a.issue_id) }}">Issue</a>
</div>

<div class="panel" style="display:grid;grid-template-columns:1fr 280px;gap:28px">
  <div>
    <h2>Mark</h2>
    <dl style="display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 18px">
      <dt class="muted">Farsi</dt><dd dir="rtl">{{ a.mark_text or '—' }}</dd>
      <dt class="muted">Transliteration</dt><dd><strong>{{ a.primary_translit or '—' }}</strong></dd>
      <dt class="muted">Translation</dt><dd>{{ a.mark_translation or '—' }}</dd>
      <dt class="muted">Variants</dt><dd>
        {% for t in a.transliterations %}<span class="pill" style="text-transform:none;letter-spacing:0;margin:0 4px 4px 0;background:{{ 'rgba(201,162,75,.18)' if t.is_primary else 'var(--panel-2)' }};border:1px solid var(--line)">{{ t.value }}{% if t.is_primary %} ★{% endif %}</span>{% else %}—{% endfor %}
      </dd>
    </dl>

    <h2>Applicant</h2>
    <dl style="display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 18px">
      <dt class="muted">Name</dt><dd>{{ a.applicant_en or a.applicant or '—' }}{% if a.applicant_en and a.applicant %}<br><span class="muted" dir="rtl">{{ a.applicant }}</span>{% endif %}</dd>
      <dt class="muted">Type</dt><dd>{{ a.applicant_type or '—' }}{% if a.applicant_entity_en %} ({{ a.applicant_entity_en }}){% endif %}</dd>
      <dt class="muted">Reg. no.</dt><dd>{{ a.applicant_reg_no or '—' }}</dd>
      <dt class="muted">Nationality</dt><dd>{{ a.nationality_en or a.nationality or '—' }}</dd>
      <dt class="muted">Representative</dt><dd dir="rtl">{{ a.legal_rep or '—' }}</dd>
    </dl>

    <h2>Filing</h2>
    <dl style="display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 18px">
      <dt class="muted">Publication no.</dt><dd class="mono">{{ a.pub_number or '—' }}</dd>
      <dt class="muted">Application no.</dt><dd class="mono">{{ a.app_number or '—' }}</dd>
      <dt class="muted">Filing date</dt><dd>{{ a.app_date or '—' }}</dd>
      <dt class="muted">Class(es)</dt><dd>{{ a.nice_class or '—' }}</dd>
    </dl>

    <h2>Goods / Services</h2>
    {% if a.goods_services_en %}<p>{{ a.goods_services_en }}</p>{% endif %}
    {% if a.goods_services %}<p dir="rtl" class="muted">{{ a.goods_services }}</p>{% endif %}
    {% if not a.goods_services_en and not a.goods_services %}<p>—</p>{% endif %}
    {% if a.disclaimer or a.disclaimer_en %}
    <h2>Disclaimer</h2>
    <p style="color:#a06a6a;font-style:italic">{{ a.disclaimer_en or a.disclaimer }}</p>
    {% endif %}
  </div>

  <div>
    <label class="muted">Mark image</label>
    {% if a.mark_image_path %}
      <div style="background:#fff;border-radius:8px;padding:10px;text-align:center;margin-bottom:16px">
        <img src="{{ url_for('mark_image', app_id=a.id) }}" alt="mark" style="max-width:100%">
      </div>
    {% else %}<div class="muted" style="margin-bottom:16px">No image.</div>{% endif %}
    <a class="btn ghost" href="{{ url_for('source_file', app_id=a.id) }}" style="width:100%;text-align:center">Download source PDF</a>
  </div>
</div>
{% endblock %}