{% extends "pos/base.html" %}
{% load static %}

{% block title %}Saleman ID Backfill{% endblock %}
{% block heading %}Saleman ID Backfill (payments ← bank_payments){% endblock %}

{% block content %}

<div class="row mb-3">
  <div class="col-md-3">
    <div class="card text-center">
      <div class="card-body">
        <h3 class="mb-0">{{ total_missing }}</h3>
        <small class="text-muted">Missing saleman_id</small>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card text-center border-success">
      <div class="card-body">
        <h3 class="mb-0 text-success">{{ ok_count }}</h3>
        <small class="text-muted">Ready to backfill</small>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card text-center border-warning">
      <div class="card-body">
        <h3 class="mb-0 text-warning">{{ conflict_count }}</h3>
        <small class="text-muted">Conflicting sources</small>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card text-center border-secondary">
      <div class="card-body">
        <h3 class="mb-0 text-secondary">{{ no_match_count }}</h3>
        <small class="text-muted">No bank_payments match</small>
      </div>
    </div>
  </div>
</div>

<div class="mb-3">
  <button type="button" class="btn btn-danger" id="btnRunBackfill" {% if ok_count == 0 %}disabled{% endif %}>
    <i class="fas fa-play mr-1"></i>Run Backfill ({{ ok_count }} rows)
  </button>
  <span class="text-muted ml-2">Sirf "Ready to backfill" rows update hongi — Conflict/No-match rows ko haath nahi lagaya jaega.</span>
</div>

<div class="card">
  <div class="card-body p-2">
    <div class="table-responsive">
      <table class="table table-bordered table-hover table-sm mb-0">
        <thead>
          <tr>
            <th>Invoice #</th>
            <th>Type</th>
            <th>Date</th>
            <th>Status</th>
            <th>Candidate Saleman(s)</th>
          </tr>
        </thead>
        <tbody>
          {% for r in rows %}
          <tr class="{% if r.status == 'conflict' %}table-warning{% elif r.status == 'no_match' %}table-light{% endif %}">
            <td>{{ r.invoice }}</td>
            <td>{{ r.transaction_type_label }}</td>
            <td>{{ r.transaction_date }}</td>
            <td>
              {% if r.status == 'ok' %}<span class="badge badge-success">OK</span>
              {% elif r.status == 'conflict' %}<span class="badge badge-warning">Conflict</span>
              {% else %}<span class="badge badge-secondary">No match</span>{% endif %}
            </td>
            <td>{{ r.candidate_names|join:", " }}</td>
          </tr>
          {% empty %}
          <tr><td colspan="5" class="text-center text-muted">No missing saleman_id rows found.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

{% endblock %}

{% block javascripts %}
<script>
function getCookie(name) {
  let cookieValue = null;
  if (document.cookie && document.cookie !== '') {
    const cookies = document.cookie.split(';');
    for (let i = 0; i < cookies.length; i++) {
      const cookie = cookies[i].trim();
      if (cookie.substring(0, name.length + 1) === (name + '=')) {
        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
        break;
      }
    }
  }
  return cookieValue;
}
const csrftoken = getCookie('csrftoken');

$(function () {
  $('#btnRunBackfill').on('click', function () {
    Swal.fire({
      title: 'Backfill chalayen?',
      text: '{{ ok_count }} payments rows update hongi. Ye wapis undo nahi hoga.',
      icon: 'warning',
      showCancelButton: true,
      confirmButtonText: 'Haan, chalao',
      cancelButtonText: 'Cancel'
    }).then((result) => {
      if (result.isConfirmed) {
        $.ajax({
          url: "{% url 'reports:saleman_id_backfill_execute' %}",
          type: "POST",
          headers: { 'X-CSRFToken': csrftoken },
          success: function (data) {
            Swal.fire('Done', data.updated + ' rows updated.', 'success')
              .then(() => location.reload());
          },
          error: function () {
            Swal.fire('Error', 'Kuch masla ho gaya.', 'error');
          }
        });
      }
    });
  });
});
</script>
{% endblock %}