{% extends base_template %}
{% block title %}Settlement Quote {{ account.reference }}{% endblock %}
{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3">
  <div>
    <h1 class="h3 mb-1">Settlement Quote</h1>
    <div class="text-muted">{{ account.reference }} - {{ account.borrower_name }}</div>
  </div>
  <a class="btn btn-outline-secondary" href="{{ account.get_absolute_url }}">Back</a>
</div>
<form method="get" class="row g-2 align-items-end mb-4">
  <div class="col-md-4">
    <label class="form-label" for="{{ form.as_of.id_for_label }}">As of</label>
    {{ form.as_of }}
  </div>
  <div class="col-auto">
    <button type="submit" class="btn btn-primary">Quote</button>
  </div>
</form>
<div class="row g-3 mb-4">
  <div class="col-md-4"><div class="repaykit-stat"><div class="text-muted small">Outstanding principal</div><div class="fw-semibold">{{ default_currency }} {{ quote.outstanding_principal }}</div></div></div>
  <div class="col-md-4"><div class="repaykit-stat"><div class="text-muted small">Accrued profit</div><div class="fw-semibold">{{ default_currency }} {{ quote.accrued_profit }}</div></div></div>
  <div class="col-md-4"><div class="repaykit-stat"><div class="text-muted small">Unearned profit rebate</div><div class="fw-semibold">{{ default_currency }} {{ quote.unearned_profit_rebate }}</div></div></div>
  <div class="col-md-4"><div class="repaykit-stat"><div class="text-muted small">Late charges</div><div class="fw-semibold">{{ default_currency }} {{ quote.late_charges }}</div></div></div>
  <div class="col-md-4"><div class="repaykit-stat"><div class="text-muted small">Other charges</div><div class="fw-semibold">{{ default_currency }} {{ quote.other_charges }}</div></div></div>
  <div class="col-md-4"><div class="repaykit-stat repaykit-stat-strong"><div class="text-muted small">Amount payable</div><div class="fw-semibold">{{ default_currency }} {{ quote.amount_payable }}</div></div></div>
</div>
<p class="text-muted">{{ quote.explanation }}</p>
<a class="btn btn-primary" href="{% url 'django_repaykit:settlement_request_create' account.uuid %}">Request Settlement</a>
{% endblock %}