{% extends 'pos/base.html' %}
{% block content %}
<div class="container-fluid">

  <div class="row mb-3">
    <div class="col">
      <h4>Journal Vouchers</h4>
      <p class="text-muted mb-0">Manual double-entry adjustments and corrections.</p>
    </div>
    <div class="col-auto">
      <a href="{% url 'gl:jv_create' %}" class="btn btn-primary btn-sm">+ New JV</a>
    </div>
  </div>

  <!-- Filter -->
  <form method="get" class="row g-2 mb-3">
    <div class="col-md-3">
      <label class="form-label small mb-0">Start Date</label>
      <input type="date" name="start_date" class="form-control form-control-sm"
             value="{{ start_date|date:'Y-m-d' }}">
    </div>
    <div class="col-md-3">
      <label class="form-label small mb-0">End Date</label>
      <input type="date" name="end_date" class="form-control form-control-sm"
             value="{{ end_date|date:'Y-m-d' }}">
    </div>
    <div class="col-md-2 d-flex align-items-end">
      <button class="btn btn-sm btn-primary">Filter</button>
    </div>
  </form>

  <!-- JV table -->
  <div class="table-responsive">
    <table class="table table-sm table-striped table-hover table-bordered">
      <thead class="table-light">
        <tr>
          <th>Entry #</th>
          <th>Date</th>
          <th>Narration</th>
          <th class="text-end">Amount</th>
          <th>Status</th>
        </tr>
      </thead>
      <tbody>
        {% for e in entries %}
        <tr>
          <td><code class="small">{{ e.entry_number }}</code></td>
          <td>{{ e.entry_date|date:'Y-m-d' }}</td>
          <td>{{ e.narration|truncatechars:80 }}</td>
          <td class="text-end">{{ e.total|floatformat:2 }}</td>
          <td>
            {% if e.is_reversed %}
              <span class="badge bg-danger">Reversed</span>
            {% elif e.status == 'posted' %}
              <span class="badge bg-success">Posted</span>
            {% elif e.status == 'reversed' %}
              <span class="badge bg-warning text-dark">Reversed</span>
            {% else %}
              <span class="badge bg-secondary">{{ e.status|title }}</span>
            {% endif %}
          </td>
        </tr>
        {% empty %}
        <tr>
          <td colspan="5" class="text-center text-muted p-4">No journal vouchers in selected period.</td>
        </tr>
        {% endfor %}
      </tbody>
      <tfoot class="table-light">
        <tr>
          <td colspan="5"><strong>Total: {{ entries|length }} JV(s)</strong></td>
        </tr>
      </tfoot>
    </table>
  </div>

</div>
{% endblock %}