{% extends "base.html" %}
{% block title %}Edit Application · IP TM Manager{% endblock %}
{% block body %}
<div class="toolbar">
  <div><h1 style="margin:0">Edit Application</h1>
  <p class="sub" style="margin:4px 0 0">Review extracted data and the target-language translation, then mark verified.
    Source: <a href="{{ url_for('source_file', app_id=a.id) }}">{{ a.source_pdf_name }}</a></p></div>
  <div class="spacer"></div>
  <form method="post" action="{{ url_for('translate_application_route', app_id=a.id) }}">
    <button class="btn ghost sm" type="submit">↻ Re-translate (EN)</button></form>
</div>

<div class="panel" style="display:grid;grid-template-columns:1fr 300px;gap:28px">
  <form method="post">
    <h2 style="font-size:15px">Publication &amp; Application</h2>
    <div class="row">
      <div class="field"><label>Publication No. (شماره آگهی)</label>
        <input name="pub_number" value="{{ a.pub_number or '' }}"></div>
      <div class="field"><label>Publication date</label>
        <input type="date" name="pub_date" value="{{ a.pub_date or '' }}">
        {% if a.pub_date_raw %}<span class="muted mono" style="font-size:11px">Jalali: {{ a.pub_date_raw }}</span>{% endif %}</div>
    </div>
    <div class="row">
      <div class="field"><label>Application No. (اظهارنامه)</label>
        <input name="app_number" value="{{ a.app_number or '' }}"></div>
      <div class="field"><label>Filing date</label>
        <input type="date" name="app_date" value="{{ a.app_date or '' }}">
        {% if a.app_date_raw %}<span class="muted mono" style="font-size:11px">Jalali: {{ a.app_date_raw }}</span>{% endif %}</div>
      <div class="field"><label>Class(es)</label>
        <input name="nice_class" value="{{ a.nice_class or '' }}"></div>
    </div>

    <h2 style="font-size:15px;margin-top:20px">Mark</h2>
    <div class="field"><label>Mark — source description (Farsi)</label>
      <textarea name="mark_text" dir="rtl" rows="2">{{ a.mark_text or '' }}</textarea></div>
    <div class="row">
      <div class="field"><label>Transliteration (target language)</label>
        <input name="mark_translit" value="{{ a.mark_translit or '' }}"></div>
      <div class="field"><label>Translation / meaning (target language)</label>
        <input name="mark_translation" value="{{ a.mark_translation or '' }}"></div>
    </div>

    <div class="field">
      <label>Transliteration variants (searchable spellings)</label>
      <div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px">
        {% for t in a.transliterations %}
        <span class="pill" style="display:inline-flex;align-items:center;gap:6px;background:{{ 'rgba(201,162,75,.18)' if t.is_primary else 'var(--panel-2)' }};border:1px solid var(--line);padding:4px 8px;text-transform:none;letter-spacing:0">
          {{ t.value }}
          <span class="muted" style="font-size:9px">{{ t.kind }}</span>
          {% if t.is_primary %}<span style="color:var(--accent);font-size:9px">★primary</span>{% endif %}
        </span>
        {% else %}<span class="muted">No variants yet.</span>{% endfor %}
      </div>
      <div style="display:flex;flex-wrap:wrap;gap:6px">
        {% for t in a.transliterations %}
        <span style="display:inline-flex;gap:3px">
          {% if not t.is_primary %}
          <button type="submit" form="tform-{{ t.id }}-p" class="btn ghost sm" title="Set primary">★ {{ t.value }}</button>
          <button type="submit" form="tform-{{ t.id }}-d" class="btn danger sm" title="Remove">✕</button>
          {% endif %}
        </span>
        {% endfor %}
      </div>
    </div>

    <h2 style="font-size:15px;margin-top:20px">Applicant</h2>
    <div class="row">
      <div class="field"><label>Applicant (Farsi)</label>
        <input name="applicant" dir="rtl" value="{{ a.applicant or '' }}"></div>
      <div class="field"><label>Applicant (target language)</label>
        <input name="applicant_en" value="{{ a.applicant_en or '' }}"></div>
      <div class="field"><label>Type</label>
        <select name="applicant_type">
          <option value="" {{ 'selected' if not a.applicant_type }}>—</option>
          <option value="individual" {{ 'selected' if a.applicant_type == 'individual' }}>Individual</option>
          <option value="company" {{ 'selected' if a.applicant_type == 'company' }}>Company</option>
        </select></div>
    </div>
    <div class="row">
      <div class="field"><label>Entity type (Farsi)</label>
        <input name="applicant_entity" dir="rtl" value="{{ a.applicant_entity or '' }}"></div>
      <div class="field"><label>Entity type (English)</label>
        <input name="applicant_entity_en" value="{{ a.applicant_entity_en or '' }}"></div>
      <div class="field"><label>Registration no.</label>
        <input name="applicant_reg_no" value="{{ a.applicant_reg_no or '' }}"></div>
    </div>
    <div class="row">
      <div class="field"><label>Nationality (Farsi)</label>
        <input name="nationality" dir="rtl" value="{{ a.nationality or '' }}"></div>
      <div class="field"><label>Nationality (English)</label>
        <input name="nationality_en" value="{{ a.nationality_en or '' }}"></div>
    </div>
    <div class="field"><label>Legal representative (نماینده قانونی)</label>
      <input name="legal_rep" dir="rtl" value="{{ a.legal_rep or '' }}"></div>
    <div class="field"><label>Address (نشانی)</label>
      <textarea name="address" dir="rtl" rows="2">{{ a.address or '' }}</textarea></div>

    <h2 style="font-size:15px;margin-top:20px">Goods / Services</h2>
    <div class="field"><label>Source (Farsi)</label>
      <textarea name="goods_services" dir="rtl" rows="4">{{ a.goods_services or '' }}</textarea></div>
    <div class="field"><label>Translation (target language)</label>
      <textarea name="goods_services_en" rows="4">{{ a.goods_services_en or '' }}</textarea></div>

    <h2 style="font-size:15px;margin-top:20px">Disclaimer</h2>
    <div class="row">
      <div class="field"><label>Disclaimer (Farsi)</label>
        <textarea name="disclaimer" dir="rtl" rows="2">{{ a.disclaimer or '' }}</textarea></div>
      <div class="field"><label>Disclaimer (target language)</label>
        <textarea name="disclaimer_en" rows="2">{{ a.disclaimer_en or '' }}</textarea></div>
    </div>

    <div class="field" style="margin-top:16px">
      <label style="display:flex;gap:8px;align-items:center;color:var(--ink)">
        <input type="checkbox" name="verified" style="width:auto" {{ 'checked' if a.verified }}>
        Mark as verified (reviewed &amp; correct)</label>
    </div>
    <button class="btn" type="submit">Save</button>
    <a class="btn ghost" href="{{ url_for('issue_detail', issue_id=a.issue_id) }}">Cancel</a>
  </form>

  <!-- transliteration variant action forms (kept outside the main form) -->
  {% for t in a.transliterations %}
  <form id="tform-{{ t.id }}-p" method="post" action="{{ url_for('set_primary_translit', app_id=a.id, tid=t.id) }}"></form>
  <form id="tform-{{ t.id }}-d" method="post" action="{{ url_for('delete_translit', app_id=a.id, tid=t.id) }}"></form>
  {% endfor %}
  <form method="post" action="{{ url_for('add_translit', app_id=a.id) }}"
        style="grid-column:1/2;display:flex;gap:8px;align-items:flex-end;margin-top:-8px">
    <div class="field" style="flex:1;margin:0"><label>Add a transliteration variant</label>
      <input name="value" placeholder="e.g. Ejaz"></div>
    <button class="btn ghost" type="submit">Add variant</button>
  </form>

  <div>
    <label>Extracted mark image</label>
    {% if a.mark_image_path %}
      <div style="background:#fff;border-radius:8px;padding:10px;text-align:center">
        <img src="{{ url_for('mark_image', app_id=a.id) }}" alt="mark" style="max-width:100%">
      </div>
    {% else %}<div class="muted">No image detected.</div>{% endif %}
    <div style="margin-top:18px">
      <label>Opposition deadline</label>
      <div class="mono" style="color:var(--warn);font-size:16px">{{ a.opposition_deadline or '—' }}</div>
    </div>
    <div style="margin-top:18px">
      <form method="post" action="{{ url_for('delete_application', app_id=a.id) }}"
            onsubmit="return confirm('Delete this application?')">
        <button class="btn danger sm" type="submit">Delete application</button></form>
    </div>
  </div>
</div>
{% endblock %}