{% extends "layouts/dashboard.html" %}
{% load ui_tags %}
{% block breadcrumbs %}
  {% url 'core:dashboard' as dashboard_url %}
  {% url 'rims_scholarships:stipend_list' as stipend_list_url %}
  {% crumb_trail "Dashboard" dashboard_url "RIMS" "" "Stipends" stipend_list_url "Record stipend" "" as breadcrumbs %}
  {% include "components/breadcrumbs.html" %}
{% endblock %}
{% block content %}
{% include "components/page_header.html" with title="Record stipend payment" subtitle=scholar.user.email|default:"" eyebrow="Scholarship finance" %}

<div class="grid gap-6 lg:grid-cols-[minmax(0,1fr)_20rem]">
<form method="post">
  {% csrf_token %}
  {% include "components/forms/non_field_errors.html" with form=form %}

  <div class="card">
    <section class="card-section">
      <div class="card-section__head">
        <div>
          <p class="card-section__step">Stipend</p>
          <h3 class="card-section__title">Payment details</h3>
        </div>
      </div>
      {% include "components/form_field.html" with field=form.scholar required=1 %}
      <div class="grid gap-5 sm:grid-cols-2 mt-5">
        {% include "components/form_field.html" with field=form.amount required=1 %}
        {% include "components/form_field.html" with field=form.currency required=1 %}
      </div>
      <div class="mt-5">{% include "components/form_field.html" with field=form.paid_on required=1 %}</div>
      <div class="mt-5">{% include "components/form_field.html" with field=form.reference hint="Optional — bank reference, mobile-money ID, or cheque number." %}</div>
    </section>

    {% if scholar %}{% url 'rims_scholarships:scholar_detail' scholar.pk as cancel_url %}{% else %}{% url 'rims_scholarships:stipend_list' as cancel_url %}{% endif %}
    {% include "components/form_actions.html" with cancel_url=cancel_url submit_label="Save stipend" %}
  </div>
</form>

<aside class="decision-rail">
  <div class="decision-rail__panel">
    <div class="decision-rail__head">
      <p class="decision-rail__title">Notes for finance</p>
    </div>
    <div class="decision-rail__body">
      <ul class="space-y-2 text-xs leading-relaxed text-ruforum-text-muted">
        <li class="flex items-start gap-2"><span class="mt-0.5 text-ruforum-primary">•</span>Use the date the payment was actually settled, not when it was scheduled.</li>
        <li class="flex items-start gap-2"><span class="mt-0.5 text-ruforum-primary">•</span>Capture the external reference so reconciliation against bank statements is straightforward.</li>
        <li class="flex items-start gap-2"><span class="mt-0.5 text-ruforum-primary">•</span>Stipend rows are append-only — corrections happen by recording an offsetting entry, not by editing the original.</li>
      </ul>
    </div>
  </div>
</aside>
</div>
{% endblock %}