{% extends "base.html" %}
{% load humanize erp_tags %}

{% block title %}{{ page_title }}{% endblock %}

{% block content %}
<div class="row">
  <div class="col-12">
    <div class="card mb-4">
      <div class="card-header pb-0">
        <div class="row align-items-end">
          <div class="col-md-4">
            <h6 class="mb-0">Journal Entries</h6>
            <p class="text-xs text-secondary mb-0">{{ paginator.count|intcomma }} entries</p>
          </div>
          <div class="col-md-8">
            <form method="get" class="row g-2 justify-content-end">
              {% if q_company %}<input type="hidden" name="company" value="{{ company.pk }}">{% endif %}
              <div class="col-auto">
                <input type="text" name="q" class="form-control form-control-sm" placeholder="Number, reference, memo, name" value="{{ search_query }}">
              </div>
              <div class="col-auto">
                <select name="entry_source" aria-label="Filter by entry source" class="form-control form-control-sm" onchange="this.form.submit()">
                  <option value="">All sources</option>
                  {% for value, label in entry_sources %}
                  <option value="{{ value }}" {% if entry_source == value %}selected{% endif %}>{{ label }}</option>
                  {% endfor %}
                </select>
              </div>
              <div class="col-auto">
                <input type="date" name="date_from" class="form-control form-control-sm" value="{{ date_from }}" title="From" aria-label="From date">
              </div>
              <div class="col-auto">
                <input type="date" name="date_to" class="form-control form-control-sm" value="{{ date_to }}" title="To" aria-label="To date">
              </div>
              <div class="col-auto">
                <button type="submit" class="btn bg-gradient-primary btn-sm mb-0">Search</button>
              </div>
            </form>
          </div>
        </div>
      </div>

      <div class="card-body px-0 pt-3 pb-2">
        <div class="table-responsive p-0">
          <table class="table align-items-center mb-0">
            <thead>
              <tr>
                <th class="text-uppercase text-secondary text-xxs font-weight-bolder">Date</th>
                <th class="text-uppercase text-secondary text-xxs font-weight-bolder">Number</th>
                <th class="text-uppercase text-secondary text-xxs font-weight-bolder">Source</th>
                <th class="text-uppercase text-secondary text-xxs font-weight-bolder">Name</th>
                <th class="text-uppercase text-secondary text-xxs font-weight-bolder">Memo</th>
                <th class="text-uppercase text-secondary text-xxs font-weight-bolder text-center">Lines</th>
                <th class="text-uppercase text-secondary text-xxs font-weight-bolder text-end">Amount</th>
                <th class="text-uppercase text-secondary text-xxs font-weight-bolder text-center">Bal</th>
              </tr>
            </thead>
            <tbody>
              {% for e in entries %}
              <tr>
                <td class="text-sm">{{ e.entry_date|date:"Y-m-d" }}</td>
                <td class="text-sm"><a href="{% url 'erp-accounting-entry-detail' e.pk %}{% if q_company %}?{{ q_company }}{% endif %}" class="font-weight-bold">{{ e.entry_number|default:e.source_reference|default:"—" }}</a></td>
                <td class="text-xs text-secondary">{{ e.get_entry_source_display }}
                  {% if e.status != "posted" %}<span class="badge badge-sm bg-gradient-secondary ms-1">{{ e.get_status_display }}</span>{% endif %}
                </td>
                <td class="text-xs text-secondary">{{ e.entity_name|default:"—" }}</td>
                <td class="text-xs text-secondary">{{ e.memo|truncatechars:50|default:"—" }}</td>
                <td class="text-sm text-center">{{ e.line_count }}</td>
                <td class="text-sm text-end">{{ e.total_debit|money }}</td>
                <td class="text-center">
                  {% if e.total_debit == e.total_credit %}
                  <i class="fas fa-check text-success" title="Balanced"></i>
                  {% else %}
                  <i class="fas fa-exclamation-triangle text-danger" title="Unbalanced"></i>
                  {% endif %}
                </td>
              </tr>
              {% empty %}
              <tr><td colspan="8" class="text-sm text-secondary text-center py-4">No entries match.</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>

      {% if is_paginated %}
      <div class="card-footer d-flex justify-content-between align-items-center">
        <p class="text-sm text-secondary mb-0">Showing {{ page_obj.start_index }}-{{ page_obj.end_index }} of {{ paginator.count|intcomma }}</p>
        <nav>
          <ul class="pagination pagination-sm mb-0">
            {% if page_obj.has_previous %}
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.previous_page_number }}&amp;q={{ search_query }}&amp;entry_source={{ entry_source }}&amp;date_from={{ date_from }}&amp;date_to={{ date_to }}{% if q_company %}&amp;{{ q_company }}{% endif %}"><i class="fas fa-angle-left"></i></a></li>
            {% endif %}
            {% for num in page_obj.paginator.page_range %}
              {% if num == page_obj.number %}
              <li class="page-item active"><span class="page-link">{{ num }}</span></li>
              {% elif num > page_obj.number|add:"-3" and num < page_obj.number|add:"3" %}
              <li class="page-item"><a class="page-link" href="?page={{ num }}&amp;q={{ search_query }}&amp;entry_source={{ entry_source }}&amp;date_from={{ date_from }}&amp;date_to={{ date_to }}{% if q_company %}&amp;{{ q_company }}{% endif %}">{{ num }}</a></li>
              {% endif %}
            {% endfor %}
            {% if page_obj.has_next %}
            <li class="page-item"><a class="page-link" href="?page={{ page_obj.next_page_number }}&amp;q={{ search_query }}&amp;entry_source={{ entry_source }}&amp;date_from={{ date_from }}&amp;date_to={{ date_to }}{% if q_company %}&amp;{{ q_company }}{% endif %}"><i class="fas fa-angle-right"></i></a></li>
            {% endif %}
          </ul>
        </nav>
      </div>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}