{% extends "base.html" %}
{% block body_class %}themed-bg{% endblock %}

{% block content %}
<div class="container">
  <div class="search-form">
    <h2 style="margin:0 0 10px;">Source Normalizer — {{ applied|yesno:"Applied,Dry‑run Preview" }}</h2>
    <p class="small muted" style="margin:0 0 12px;">
      {{ changed }} {{ applied|yesno:"entries changed,entries would change" }}; {{ warnings_total }} warnings.
      {% if limit %} (Limited to first {{ limit }} entries){% endif %}
    </p>

    {% if preview %}
      <div style="overflow:auto;">
        <table style="width:100%; border-collapse:collapse; font-size:14px;">
          <thead>
            <tr>
              <th style="text-align:left; border-bottom:1px solid var(--border); padding:8px;">ID</th>
              <th style="text-align:left; border-bottom:1px solid var(--border); padding:8px;">Original</th>
              <th style="text-align:left; border-bottom:1px solid var(--border); padding:8px;">Normalized</th>
            </tr>
          </thead>
          <tbody>
            {% for id, orig, norm in preview %}
              <tr>
                <td style="border-bottom:1px solid var(--border); padding:8px;">{{ id }}</td>
                <td style="border-bottom:1px solid var(--border); padding:8px;">{{ orig }}</td>
                <td style="border-bottom:1px solid var(--border); padding:8px; font-weight:600;">{{ norm }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    {% else %}
      <div class="empty-state">
        <div class="empty-title">No changes found</div>
        <div class="empty-subtitle">Nothing to preview for this selection.</div>
      </div>
    {% endif %}

    <div style="margin-top:12px; display:flex; gap:10px; flex-wrap:wrap;">
      <a class="btn" href="{% url 'stats' %}">Back to Stats</a>
    </div>
  </div>
</div>
{% endblock %}