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

{% block content %}
<div class="row mb-3">
  <div class="col-md-4"><div class="card border-left-success shadow-sm"><div class="card-body py-2">
    <div class="text-xs text-muted text-uppercase">New Parties</div><div class="h4 mb-0">{{ new_count }}</div>
  </div></div></div>
  <div class="col-md-4"><div class="card border-left-warning shadow-sm"><div class="card-body py-2">
    <div class="text-xs text-muted text-uppercase">Duplicate Names</div><div class="h4 mb-0">{{ dup_count }}</div>
  </div></div></div>
  <div class="col-md-4"><div class="card border-left-danger shadow-sm"><div class="card-body py-2">
    <div class="text-xs text-muted text-uppercase">Errors (skipped)</div><div class="h4 mb-0">{{ error_count }}</div>
  </div></div></div>
</div>

<form method="post" action="{% url 'coa:party_excel_upload_confirm' %}">
  {% csrf_token %}

  {% if dup_rows %}
  <div class="card shadow-sm mb-3 border-warning">
    <div class="card-header bg-warning text-dark"><i class="fas fa-exclamation-triangle"></i> {{ dup_count }} name(s) already exist in the system</div>
    <div class="card-body">
      <table class="table table-sm table-bordered mb-3">
        <thead class="thead-light"><tr><th>Row</th><th>Name</th><th>Type</th><th>Opening Balance</th></tr></thead>
        <tbody>
          {% for r in dup_rows %}
          <tr><td>{{ r.row }}</td><td>{{ r.name }}</td><td>{{ r.party_type_label }}</td><td>{{ r.opening_balance }} {{ r.opening_balance_type_label }}</td></tr>
          {% endfor %}
        </tbody>
      </table>
      <label class="font-weight-bold d-block mb-2">What should be done with these duplicate parties?</label>
      <div class="form-check">
        <input class="form-check-input" type="radio" name="duplicate_action" id="dupSkip" value="skip" checked>
        <label class="form-check-label" for="dupSkip"><strong>Skip</strong> — leave existing parties untouched</label>
      </div>
      <div class="form-check">
        <input class="form-check-input" type="radio" name="duplicate_action" id="dupUpdate" value="update">
        <label class="form-check-label" for="dupUpdate"><strong>Update</strong> — update existing parties from the Excel file<br>
          <small class="text-muted">Opening Balance will only be updated if it hasn't already been posted.</small></label>
      </div>
    </div>
  </div>
  {% endif %}

  {% if error_rows %}
  <div class="card shadow-sm mb-3 border-danger">
    <div class="card-header bg-danger text-white"><i class="fas fa-times-circle"></i> {{ error_count }} row(s) will not be processed</div>
    <div class="card-body">
      <table class="table table-sm table-bordered mb-0">
        <thead class="thead-light"><tr><th>Row</th><th>Name</th><th>Reason</th></tr></thead>
        <tbody>{% for r in error_rows %}<tr><td>{{ r.row }}</td><td>{{ r.name }}</td><td class="text-danger">{{ r.reason }}</td></tr>{% endfor %}</tbody>
      </table>
    </div>
  </div>
  {% endif %}

  {% if new_rows %}
  <div class="card shadow-sm mb-3">
    <div class="card-header"><i class="fas fa-user-plus"></i> {{ new_count }} new party(ies) will be created</div>
    <div class="card-body p-0" style="max-height:300px; overflow-y:auto;">
      <table class="table table-sm table-bordered mb-0">
        <thead class="thead-light"><tr><th>Row</th><th>Name</th><th>Type</th><th>Opening Balance</th></tr></thead>
        <tbody>{% for r in new_rows %}<tr><td>{{ r.row }}</td><td>{{ r.name }}</td><td>{{ r.party_type_label }}</td><td>{{ r.opening_balance }} {{ r.opening_balance_type_label }}</td></tr>{% endfor %}</tbody>
      </table>
    </div>
  </div>
  {% endif %}

  <button type="submit" class="btn btn-success"><i class="fas fa-check"></i> Confirm &amp; Import</button>
  <a href="{% url 'coa:party_list' %}" class="btn btn-secondary">Cancel</a>
</form>
{% endblock %}