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

{% block title %}Fix Return Invoice Dates{% endblock %}
{% block heading %}Fix Return Invoice Dates{% endblock %}

{% block content %}
<div class="row">
  <div class="col-12">

    <!-- Date Filter -->
    <div class="card mb-3">
      <div class="card-header"><strong>Filter by Challan Date Range</strong></div>
      <div class="card-body">
        <form method="get" class="form-inline">
          <label class="mr-2">From</label>
          <input type="date" name="date_from" class="form-control form-control-sm mr-3" value="{{ date_from }}">
          <label class="mr-2">To</label>
          <input type="date" name="date_to" class="form-control form-control-sm mr-3" value="{{ date_to }}">
          <button type="submit" class="btn btn-primary btn-sm">
            <i class="fas fa-search"></i> Check
          </button>
          <a href="{% url 'sales:challan_list' %}" class="btn btn-outline-secondary btn-sm ml-2">
            <i class="fas fa-arrow-left"></i> Back
          </a>
        </form>
      </div>
    </div>

    {% if date_from and date_to %}
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <span>
          <strong>Mismatched Return Invoices</strong>
          <span class="ml-2 badge badge-{% if total > 0 %}danger{% else %}success{% endif %}">{{ total }} found</span>
        </span>
        {% if mismatched %}
        <form method="post" class="d-inline">
          {% csrf_token %}
          <input type="hidden" name="action" value="fix_all">
          <input type="hidden" name="date_from" value="{{ date_from }}">
          <input type="hidden" name="date_to" value="{{ date_to }}">
          <button type="submit" class="btn btn-sm btn-danger"
                  onclick="return confirm('Set transaction_date = challan_date for all {{ total }} return invoices?')">
            <i class="fas fa-wrench"></i> Fix All {{ total }} Invoices
          </button>
        </form>
        {% endif %}
      </div>
      <div class="card-body table-responsive p-0">
        <table class="table table-striped table-bordered mb-0" style="font-size:13px;">
          <thead class="thead-light">
            <tr>
              <th>#</th>
              <th>Challan #</th>
              <th>Challan Date</th>
              <th>Return Inv #</th>
              <th>Current Date</th>
              <th class="text-right">Amount</th>
              <th>Status</th>
            </tr>
          </thead>
          <tbody>
            {% for row in mismatched %}
            <tr>
              <td>{{ forloop.counter }}</td>
              <td><strong>{{ row.challan_no }}</strong></td>
              <td>{{ row.challan_date }}</td>
              <td><strong>{{ row.return_inv }}</strong></td>
              <td class="text-danger">{{ row.current_date }}</td>
              <td class="text-right">{{ row.amount|floatformat:0 }}</td>
              <td><span class="badge badge-warning">Mismatch</span></td>
            </tr>
            {% empty %}
            <tr>
              <td colspan="7" class="text-center text-success py-4">
                <i class="fas fa-check-circle"></i> All return invoices have correct dates.
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
    {% else %}
    <div class="alert alert-info">
      <i class="fas fa-info-circle"></i> Select a date range and click <strong>Check</strong> to find mismatched return invoice dates.
    </div>
    {% endif %}

  </div>
</div>
{% endblock %}