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

{% block content %}
<div class="container-fluid mt-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Contracts</h4>
    <a href="{% url 'sales:contracts_add' %}" class="btn btn-primary btn-sm">
      <i class="fas fa-plus mr-1"></i> New Contract
    </a>
  </div>

  <div class="card">
    <div class="card-body p-0">
      <table class="table table-sm table-striped mb-0">
        <thead class="thead-light">
          <tr>
            <th>#</th>
            <th>Contract No</th>
            <th>Title</th>
            <th>Customer ID</th>
            <th>Amount</th>
            <th>Status</th>
            <th>Dates</th>
            <th>Bank</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
        {% if contracts %}
          {% for c in contracts %}
          <tr>
            <td>{{ forloop.counter }}</td>
            <td>{{ c.contract_no }}</td>
            <td>{{ c.title }}</td>
            <td>{{ c.customer_id }}</td>
            <td>{{ c.total_contract_amount|floatformat:2 }}</td>
            <td>{{ c.status }}</td>
            <td>
              {% if c.start_date %}{{ c.start_date }}{% endif %}
              {% if c.end_date %} &rarr; {{ c.end_date }}{% endif %}
            </td>
            <td>{{ c.default_bank_id }}</td>
            <td>
              <a href="{% url 'sales:contracts_edit' c.id %}" class="btn btn-sm btn-outline-primary">
                Edit
              </a>

              <!-- New Sale Invoice for this Contract -->
              <a href="{% url 'sales:sales_add' %}?contract_id={{ c.id }}"
                 class="btn btn-sm btn-success">
                New Sale
              </a>

              <!-- New Contract Expense for this Contract -->
              <a href="{% url 'transactions:expense_invoice_add' %}?contract_id={{ c.id }}"
                 class="btn btn-sm btn-warning">
                New Expense
              </a>
              <!-- New Contract Expense for this Contract -->
              <a href="{% url 'transactions:recovery_add' %}?contract_id={{ c.id }}"
                 class="btn btn-sm btn-success">
                Receive
              </a>

              <a href="{% url 'reports:contract_detail' c.id %}"
                 class="btn btn-sm btn-info">
                View
              </a>


            </td>
          </tr>
          {% endfor %}
        {% else %}
          <tr>
            <td colspan="9" class="text-center text-muted py-3">
              No contracts found. Click "New Contract" to create one.
            </td>
          </tr>
        {% endif %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}