{% extends "base.html" %}
{% block title %}Search Archive · IP TM Manager{% endblock %}
{% block body %}
<h1>Search Archive</h1>
<p class="sub">Search every stored application. Mark search matches Farsi, all transliteration variants, and translation — so "Ejaz" finds "E'jaz".</p>

<div class="panel">
  <form method="get" action="{{ url_for('search_archive') }}">
    <div class="row">
      <div class="field" style="flex:2"><label>Mark / applicant / number</label>
        <input name="q" value="{{ q }}" placeholder="e.g. Ejaz, Rokvan, 1404…" autofocus></div>
      <div class="field"><label>Nice class</label>
        <input name="nice_class" value="{{ nice_class }}" placeholder="e.g. 35"></div>
      <div class="field"><label>Applicant</label>
        <input name="applicant" value="{{ applicant }}"></div>
    </div>
    <div class="row">
      <div class="field"><label>Published from</label>
        <input type="date" name="date_from" value="{{ date_from }}"></div>
      <div class="field"><label>Published to</label>
        <input type="date" name="date_to" value="{{ date_to }}"></div>
      <div class="field"><label>Status</label>
        <select name="status">
          <option value="" {{ 'selected' if not status }}>Any</option>
          <option value="verified" {{ 'selected' if status=='verified' }}>Verified</option>
          <option value="draft" {{ 'selected' if status=='draft' }}>Draft</option>
        </select></div>
      <div class="field" style="display:flex;align-items:flex-end;gap:8px">
        <button class="btn" type="submit">Search</button>
        <a class="btn ghost" href="{{ url_for('search_archive') }}">Clear</a></div>
    </div>
  </form>
</div>

{% if has_query %}
<div class="panel">
  <div class="toolbar">
    <h2 style="margin:0">Results</h2>
    <div class="spacer"></div>
    <span class="muted">{{ results|length }} match(es){% if results|length == 200 %} (showing first 200){% endif %}</span>
  </div>
  <table>
    <tr><th>Mark</th><th>Variants</th><th>Applicant</th><th>Class</th>
      <th>Pub. date</th><th>Opp. deadline</th><th>Status</th><th></th></tr>
    {% for a in results %}
    <tr>
      <td><a href="{{ url_for('application_detail', app_id=a.id) }}">{{ a.primary_translit or a.mark_text or '—' }}</a>
        {% if a.mark_text and a.primary_translit %}<br><span class="muted" dir="rtl" style="font-size:12px">{{ a.mark_text }}</span>{% endif %}</td>
      <td class="muted" style="font-size:11px">{{ a.transliterations | map(attribute='value') | join(' · ') }}</td>
      <td>{{ a.applicant_en or a.applicant or '—' }}</td>
      <td>{{ a.nice_class or '—' }}</td>
      <td class="mono">{{ a.pub_date or '—' }}</td>
      <td class="mono" style="color:var(--warn)">{{ a.opposition_deadline or '—' }}</td>
      <td>{% if a.verified %}<span class="pill ok">verified</span>{% else %}<span class="pill open">draft</span>{% endif %}</td>
      <td><a class="btn ghost sm" href="{{ url_for('application_detail', app_id=a.id) }}">View</a></td>
    </tr>
    {% else %}
    <tr><td colspan="8" class="muted">No matches. Try a broader query or clear filters.</td></tr>
    {% endfor %}
  </table>
</div>
{% else %}
<div class="panel">
  <p class="muted">Enter a search above. Examples: a mark name in any spelling, an applicant, a Nice class, or a date range.</p>
</div>
{% endif %}
{% endblock %}