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

{% block content %}
<h1>Expense Invoice #{{ invoice.description }}</h1>
<p><strong>Date:</strong> {{ invoice.transaction_date }}</p>
<p><strong>Bank:</strong> {{ bank.name }}</p>

<table class="table">
  <thead>
    <tr>
      <th>ID</th><th>Expense Name</th><th>Description</th><th>Expense Type</th><th>Amount</th>
    </tr>
  </thead>
  <tbody>
    {% for line in lines %}
    <tr>
      <td>{{ line.t_id }}</td>
      <td>{{ line.expense_name }}</td>
      <td>{{ line.description }}</td>
      <td>
        {% if line.non_profit_expense %}
          <span class="badge rounded-pill"
                style="background:#92400e; color:#fff; font-size:.75rem; cursor:help;"
                title="Non-Profit Expense: This cost has already been recorded against a purchase invoice's builty/transport charges and remains unsettled. It is intentionally excluded from profit and loss calculations to prevent double-counting.">
            ⚠ Non-Profit Expense
          </span>
        {% else %}
          <span class="badge rounded-pill"
                style="background:#166534; color:#fff; font-size:.75rem; cursor:help;"
                title="Profit Expense: A standard operational cost that is included in profit and loss calculations.">
            ✓ Profit Expense
          </span>
        {% endif %}
      </td>
      <td>{{ line.amount }}</td>
    </tr>
    {% endfor %}
  </tbody>
  <tfoot>
    <tr>
      <th colspan="3">Total</th>
      <th>{{ invoice.total_amount }}</th>
    </tr>
  </tfoot>
</table>

{% if is_purchase_builty %}
  <div class="alert alert-info d-flex align-items-center gap-2 mt-2" style="font-size:.9rem;">
    <span style="font-size:1.1rem;">🔒</span>
    <span>
      <strong>Purchase Builty Expense — Read Only.</strong>
      This expense was auto-generated from a purchase invoice's builty/transport charges.
      To edit or delete it, please modify the linked purchase invoice.
    </span>
  </div>
{% else %}
  <a href="{% url 'transactions:expense_invoice_edit' invoice.description %}" class="btn btn-warning">Edit</a>
  <a href="{% url 'transactions:expense_invoice_delete' invoice.description %}" class="btn btn-danger"
     onclick="return confirm('Delete invoice #{{ invoice.description }}?')">Delete</a>
{% endif %}
<a href="{% url 'transactions:expense_invoice_list' %}" class="btn btn-secondary">Back to list</a>
{% endblock %}