{# templates/transactions/staff_payment_list.html #}
{% extends "pos/base.html" %}
{% load static %}
{% block content %}
<h1>Staff Payouts</h1>

<form method="get" class="form-inline mb-3">
  <div class="form-group mr-2">
    <select name="filter" class="form-control">
      <option value="">Filter by…</option>
      <option value="invoice" {% if picked_filter == 'invoice' %}selected{% endif %}>Invoice</option>
      <option value="staff"   {% if picked_filter == 'staff'   %}selected{% endif %}>Staff</option>
      <option value="date"    {% if picked_filter == 'date'    %}selected{% endif %}>Date</option>
    </select>
  </div>
  <div class="form-group mr-2">
    <input type="text" name="invoice" placeholder="Invoice #" value="{{ inv_q }}" class="form-control">
    <input type="text" name="staff"   placeholder="Staff name" value="{{ staff_q }}" class="form-control">
  </div>
  <div class="form-group mr-2">
    <input type="date" name="date_from" value="{{ date_from }}" class="form-control">
    <input type="date" name="date_to"   value="{{ date_to }}"   class="form-control">
  </div>
  <button type="submit" class="btn btn-primary">Search</button>
  <a href="{% url 'transactions:staff_payment_list' %}" class="btn btn-secondary ml-2">Reset</a>
</form>

<a href="{% url 'transactions:staff_payment_add' %}" class="btn btn-success mb-3">+ New Payout</a>

<table class="table table-striped">
  <thead>
    <tr>
      <th>Invoice #</th>
      <th>Staff</th>
      <th>Amount</th>
      <th>Date</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for p in payments %}
    <tr>
      <td>{{ p.description }}</td>
      <td>{{ p.party_descp }}</td>
      <td>{{ p.amount_transaction|floatformat:2 }}</td>
      <td>{{ p.transaction_date }}</td>
      <td>
        <a href="{% url 'transactions:staff_payment_details' p.description %}">View</a> |
        <a href="{% url 'transactions:staff_payment_edit'   p.description %}">Edit</a> |
        <a href="{% url 'transactions:staff_payment_delete' p.description %}"
           onclick="return confirm('Delete payout #{{ p.description }}?')">Delete</a> |
        <a href="{% url 'transactions:staff_payment_pdf'    p.description %}" target="_blank">PDF</a>
      </td>
    </tr>
    {% empty %}
    <tr><td colspan="5">No payouts found.</td></tr>
    {% endfor %}
  </tbody>
  <tfoot>
    <tr>
      <th colspan="2">Total Paid:</th>
      <th>{{ total_out|floatformat:2 }}</th>
      <th colspan="2"></th>
    </tr>
  </tfoot>
</table>
{% endblock %}