{% extends 'admin_pages/base_admin.html' %}
{% block title %}Sale Orders | Admin Panel{% endblock %}

{% block content %}
<h2 class="mb-3">Sale Orders</h2>

<!-- Search & Sort -->
<form method="get" class="row g-3 mb-4 align-items-end">
  <div class="col-md-6">
    <label class="form-label">Search</label>
    <input type="text" name="q" value="{{ search_query }}" class="form-control" placeholder="Search by consumer...">
  </div>
  <div class="col-md-3">
    <label class="form-label">Sort</label>
    <select name="sort" class="form-select">
      <option value="newest" {% if sort == 'newest' %}selected{% endif %}>Newest First</option>
      <option value="oldest" {% if sort == 'oldest' %}selected{% endif %}>Oldest First</option>
    </select>
  </div>
  <div class="col-md-3">
    <button type="submit" class="btn btn-primary w-100">Apply</button>
  </div>
</form>

<form method="post">
  {% csrf_token %}
  <div class="d-flex justify-content-between mb-3">
    {% if perms.inventory.add_saleorder %}
      <a href="{% url 'inventory:saleorder_create' %}" class="btn btn-outline-primary">Add Order</a>
    {% endif %}
    <div class="d-flex gap-2">
      {% if perms.inventory.saleorder_bulk_delete %}
        <button type="submit" formaction="{% url 'inventory:saleorder_bulk_delete' %}" class="btn btn-danger">Delete Selected</button>
      {% endif %}
      {% if perms.inventory.saleorder_bulk_excel_download %}
      <button type="submit" formaction="#" class="btn btn-outline-success">Export Excel</button>
      {% endif %}
      {% if perms.inventory.saleorder_bulk_pdf_download %}
      <button type="submit" formaction="#" class="btn btn-outline-danger">Export PDF</button>
      {% endif %}
    </div>
  </div>

  <table class="table table-bordered table-hover">
    <thead class="table-light">
      <tr>
        <th><input type="checkbox" id="selectAll"></th>
        <th>ID</th>
        <th>Consumer</th>
        <th>Total</th>
        <th>Status</th>
        <th>Returns</th>
        <th>Date</th>
        <th class="text-end">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for order in saleorders %}
      <tr>
        <td><input type="checkbox" name="selected_ids" value="{{ order.id }}"></td>
        <td>{{ order.id }}</td>
        <td>{{ order.consumer.name }}</td>
        <td>{{ order.grand_total|floatformat:2 }}</td>
        <td>{{ order.get_payment_status_display }}</td>
        <td>
          {% if order.has_returns %}
            {% if order.is_fully_returned %}
              <span class="badge bg-danger">Returned</span>
            {% else %}
              <span class="badge bg-warning text-dark">Partial</span>
            {% endif %}
          {% endif %}
        </td>
        <td>{{ order.created_at|date:"Y-m-d" }}</td>
        <td class="text-end">
          {% if perms.inventory.change_saleorder %}
            <a href="{% url 'inventory:saleorder_edit' order.id %}" class="btn btn-sm btn-warning"><i class="fas fa-pen-to-square me-1"></i> Edit</a>
          <a href="{% url 'inventory:print_sale_bill' order.id %}" class="btn btn-sm btn-secondary"><i class="fas fa-print me-1"></i> Print</a>
          {% endif %}
          {% if perms.inventory.add_consumerreturn %}
          <a href="{% url 'inventory:consumer_return_create' order.id %}" class="btn btn-sm btn-warning"><i class="fas fa-undo me-1"></i> Return</a>
          {% endif %}
        </td>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</form>

<!-- Pagination -->
{% if saleorders.has_other_pages %}
<nav>
  <ul class="pagination justify-content-center">
    {% if saleorders.has_previous %}
      <li class="page-item">
        <a class="page-link" href="?q={{ search_query }}&sort={{ sort }}&page={{ saleorders.previous_page_number }}">Previous</a>
      </li>
    {% endif %}
    {% for num in saleorders.paginator.page_range %}
      {% if num <= 2 or num > saleorders.paginator.num_pages|add:'-2' or num >= saleorders.number|add:'-1' and num <= saleorders.number|add:'1' %}
        <li class="page-item {% if saleorders.number == num %}active{% endif %}">
          <a class="page-link" href="?q={{ search_query }}&sort={{ sort }}&page={{ num }}">{{ num }}</a>
        </li>
      {% elif num == saleorders.number|add:'-2' or num == saleorders.number|add:'2' %}
        <li class="page-item disabled"><span class="page-link">…</span></li>
      {% endif %}
    {% endfor %}
    {% if saleorders.has_next %}
      <li class="page-item">
        <a class="page-link" href="?q={{ search_query }}&sort={{ sort }}&page={{ saleorders.next_page_number }}">Next</a>
      </li>
    {% endif %}
  </ul>
</nav>
{% endif %}

<script>
  document.getElementById('selectAll').addEventListener('click', function () {
    const checkboxes = document.querySelectorAll('input[name="selected_ids"]');
    checkboxes.forEach(cb => cb.checked = this.checked);
  });
</script>
{% endblock %}