{% extends "pos/base.html" %}
{% block title %}Party Import Result{% endblock %}
{% block heading %}Party Import — Result{% endblock %}

{% block content %}
<div class="row mb-3">
  <div class="col-md-3"><div class="card border-left-success shadow-sm"><div class="card-body py-2"><div class="text-xs text-muted text-uppercase">Created</div><div class="h4 mb-0">{{ summary.created }}</div></div></div></div>
  <div class="col-md-3"><div class="card border-left-info shadow-sm"><div class="card-body py-2"><div class="text-xs text-muted text-uppercase">Updated</div><div class="h4 mb-0">{{ summary.updated }}</div></div></div></div>
  <div class="col-md-3"><div class="card border-left-warning shadow-sm"><div class="card-body py-2"><div class="text-xs text-muted text-uppercase">Skipped</div><div class="h4 mb-0">{{ summary.skipped }}</div></div></div></div>
  <div class="col-md-3"><div class="card border-left-danger shadow-sm"><div class="card-body py-2"><div class="text-xs text-muted text-uppercase">Errors</div><div class="h4 mb-0">{{ summary.error }}</div></div></div></div>
</div>

<table class="table table-bordered table-hover">
  <thead class="thead-light"><tr><th>Row</th><th>Party Name</th><th>Status</th><th>Detail</th></tr></thead>
  <tbody>
    {% for r in results %}
    <tr>
      <td>{{ r.row }}</td>
      <td>{{ r.name }}</td>
      <td>
        {% if r.status == "created" %}<span class="badge badge-success">Created</span>
        {% elif r.status == "updated" %}<span class="badge badge-info">Updated</span>
        {% elif r.status == "skipped" %}<span class="badge badge-warning">Skipped</span>
        {% else %}<span class="badge badge-danger">Error</span>{% endif %}
      </td>
      <td>{{ r.message }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

<a href="{% url 'coa:party_list' %}" class="btn btn-primary">&laquo; Back to Parties</a>
{% endblock %}