{% extends "base.html" %}
{% load humanize %}
{% block title %}{{ contractor.name }}{% endblock %}
{% block page_title %}{{ contractor.name }} — {{ contractor.work_order_no }}{% endblock %}
{% block content %}
<div class="row g-3 mb-3">
  <div class="col-md-3"><div class="kpi-card"><div class="kpi-label">Contract Amount</div><div class="kpi-value">৳{{ contractor.contract_amount|intcomma }}</div></div></div>
  <div class="col-md-3"><div class="kpi-card"><div class="kpi-label">Billed</div><div class="kpi-value">৳{{ contractor.total_billed|intcomma }}</div></div></div>
  <div class="col-md-3"><div class="kpi-card accent-green"><div class="kpi-label">Paid</div><div class="kpi-value">৳{{ contractor.total_paid|intcomma }}</div></div></div>
  <div class="col-md-3"><div class="kpi-card accent-red"><div class="kpi-label">Remaining</div><div class="kpi-value">৳{{ contractor.remaining_amount|intcomma }}</div></div></div>
</div>

<div class="row g-3">
  <div class="col-lg-6">
    <div class="panel">
      <div class="panel-title">Running Bills</div>
      {% if user.is_accountant_role %}
      <form method="post" action="{% url 'contractors:bill_create' contractor.pk %}" enctype="multipart/form-data" class="row g-2 mb-3">
        {% csrf_token %}
        <div class="col-4"><input type="date" name="date" class="form-control form-control-sm" required></div>
        <div class="col-4"><input type="number" step="0.01" name="amount" class="form-control form-control-sm" placeholder="Amount" required></div>
        <div class="col-4"><input type="text" name="description" class="form-control form-control-sm" placeholder="Description"></div>
        <div class="col-8"><input type="file" name="attachment" class="form-control form-control-sm"></div>
        <div class="col-4"><button class="btn btn-sm btn-brand w-100">Add Bill</button></div>
      </form>
      {% endif %}
      <table class="table table-sm">
        <thead><tr><th>Date</th><th>Amount</th><th>Description</th></tr></thead>
        <tbody>
          {% for b in bills %}
          <tr><td>{{ b.date }}</td><td>৳{{ b.amount|intcomma }}</td><td>{{ b.description }}</td></tr>
          {% empty %}<tr><td colspan="3" class="text-muted text-center py-3">No bills recorded.</td></tr>{% endfor %}
        </tbody>
      </table>
    </div>
  </div>

  <div class="col-lg-6">
    <div class="panel">
      <div class="panel-title">Advance / Payment</div>
      {% if user.is_accountant_role %}
      <form method="post" action="{% url 'contractors:payment_create' contractor.pk %}" class="row g-2 mb-3">
        {% csrf_token %}
        <div class="col-4"><input type="date" name="date" class="form-control form-control-sm" required></div>
        <div class="col-3"><input type="number" step="0.01" name="amount" class="form-control form-control-sm" placeholder="Amount" required></div>
        <div class="col-5">
          <select name="payment_type" class="form-select form-select-sm">
            <option value="bill_payment">Bill Payment</option>
            <option value="advance">Advance</option>
          </select>
        </div>
        <div class="col-12"><button class="btn btn-sm btn-brand mt-1">Add Payment</button></div>
      </form>
      {% endif %}
      <table class="table table-sm">
        <thead><tr><th>Date</th><th>Amount</th><th>Type</th></tr></thead>
        <tbody>
          {% for p in payments %}
          <tr><td>{{ p.date }}</td><td>৳{{ p.amount|intcomma }}</td><td>{{ p.get_payment_type_display }}</td></tr>
          {% empty %}<tr><td colspan="3" class="text-muted text-center py-3">No payments recorded.</td></tr>{% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}