{% comment %} Preview fragment for pasted bulk import data. {% endcomment %}
<div class="box">
  <h4 class="title is-6">Parsed suggestions</h4>
  {% if preview_items %}
    <form hx-post="{% url 'cards:import_apply_bulk' %}" hx-target="#import-preview" hx-swap="innerHTML">
      {% csrf_token %}
      <textarea name="data" style="display:none">{{ suggestions_json }}</textarea>
      <table class="table is-fullwidth is-striped">
        <thead>
          <tr>
            <th></th>
            <th>Match</th>
            <th>Name / PK</th>
            <th>Field</th>
            <th>Current</th>
            <th>Proposed</th>
            <th>Apply?</th>
          </tr>
        </thead>
        <tbody>
          {% for item in preview_items %}
            {% with s=item.suggestion i=item.index %}
              {% if item.diffs %}
                {% for field in item.diffs %}
                  <tr>
                    <td>{% if forloop.first %}#{{ forloop.parentloop.counter }}{% else %}&nbsp;{% endif %}</td>
                    <td>{% if item.matched %}pk:{{ item.matched.pk }}{% elif s.name %}name{% else %}&mdash;{% endif %}</td>
                    <td>{{ s.name|default:"(no name)" }}{% if s.pk %} (pk: {{ s.pk }}){% endif %}</td>
                    <td>{{ field }}</td>
                    <td>
                      {% if item.existing %}
                        {% if field == 'facts' %}
                          {% if item.existing.facts %}{{ item.existing.facts|join:"; " }}{% endif %}
                        {% elif field == 'name' %}
                          {{ item.existing.name|default:"—" }}
                        {% elif field == 'era' %}
                          {{ item.existing.era|default:"—" }}
                        {% elif field == 'diet' %}
                          {{ item.existing.diet|default:"—" }}
                        {% elif field == 'speed_kmh' %}
                          {{ item.existing.speed_kmh|default:"—" }}
                        {% elif field == 'weight_kg' %}
                          {{ item.existing.weight_kg|default:"—" }}
                        {% elif field == 'height_m' %}
                          {{ item.existing.height_m|default:"—" }}
                        {% elif field == 'intelligence_score' %}
                          {{ item.existing.intelligence_score|default:"—" }}
                        {% else %}
                          {{ item.existing|default:"—" }}
                        {% endif %}
                      {% else %}
                        (new)
                      {% endif %}
                    </td>
                    <td>
                      {% if field == 'facts' %}
                        {% if s.facts %}{% if s.facts|length > 0 %}{{ s.facts|join:"; " }}{% else %}{{ s.facts }}{% endif %}{% endif %}
                      {% elif field == 'name' %}
                        {{ item.proposed.name|default:"" }}
                      {% elif field == 'era' %}
                        {{ item.proposed.era|default:"" }}
                      {% elif field == 'diet' %}
                        {{ item.proposed.diet|default:"" }}
                      {% elif field == 'speed_kmh' %}
                        {{ item.proposed.speed_kmh|default:"" }}
                      {% elif field == 'weight_kg' %}
                        {{ item.proposed.weight_kg|default:"" }}
                      {% elif field == 'height_m' %}
                        {{ item.proposed.height_m|default:"" }}
                      {% elif field == 'intelligence_score' %}
                        {{ item.proposed.intelligence_score|default:"" }}
                      {% else %}
                        {{ item.proposed|default:"" }}
                      {% endif %}
                    </td>
                    <td>
                      <input type="checkbox" name="apply-{{ i }}-{{ field }}" checked>
                      {% if not item.matched and forloop.first %}
                        <br><label style="font-size:0.85em"><input type="checkbox" name="apply-{{ i }}-create" checked> Create record</label>
                      {% endif %}
                    </td>
                  </tr>
                {% endfor %}
              {% else %}
                <tr>
                  <td>#{{ forloop.counter }}</td>
                  <td>{% if item.matched %}pk:{{ item.matched.pk }}{% else %}&mdash;{% endif %}</td>
                  <td>{{ s.name|default:"(no name)" }}{% if s.pk %} (pk: {{ s.pk }}){% endif %}</td>
                  <td colspan="4"><em>No changes detected</em></td>
                </tr>
              {% endif %}
            {% endwith %}
          {% endfor %}
        </tbody>
      </table>
      <div style="margin-top:0.5rem">
        <button class="button is-primary" type="submit">Apply selected changes</button>
        <button class="button" type="button" onclick="document.getElementById('import-preview').innerHTML=''">Cancel</button>
      </div>
    </form>
  {% else %}
    <div class="notification is-warning">No suggestions parsed from the pasted data.</div>
  {% endif %}
</div>