{% extends "layouts/dashboard.html" %}
{% load ui_tags %}
{% block breadcrumbs %}
  {% url 'core:dashboard' as dashboard_url %}
  {% url 'rims_scholarships:my_scholarships' as my_scholarships_url %}
  {% url 'rims_scholarships:my_scholarship_detail' scholar.pk as my_scholarship_detail_url %}
  {% crumb_trail "Dashboard" dashboard_url "My scholarships" my_scholarships_url scholar.scholarship.name|truncatechars:30 my_scholarship_detail_url "Submit progress report" "" as breadcrumbs %}
  {% include "components/breadcrumbs.html" %}
{% endblock %}
{% block content %}
{% include "components/page_header.html" with title="Submit progress report" subtitle=scholar.scholarship.name eyebrow="Scholar self-service" %}

<div class="grid gap-6 lg:grid-cols-[minmax(0,1fr)_20rem]">
<form method="post" enctype="multipart/form-data">
  {% 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">Report</p>
          <h3 class="card-section__title">Report details</h3>
        </div>
      </div>
      {% include "components/form_field.html" with field=form.period_label required=1 hint="A short label like '2026-Q1', 'Semester 1', or 'Year 1 Mid-term'. Each period can only be reported once." %}
      <div class="mt-5">{% include "components/form_field.html" with field=form.file required=1 hint="PDF or document up to 25 MB." %}</div>
      <div class="mt-5">{% include "components/form_field.html" with field=form.notes hint="Optional context the document doesn't already cover." %}</div>
    </section>

    {% url 'rims_scholarships:my_scholarship_detail' scholar.pk as cancel_url %}
    {% include "components/form_actions.html" with cancel_url=cancel_url submit_label="Submit report" %}
  </div>
</form>

<aside class="decision-rail">
  <div class="decision-rail__panel">
    <div class="decision-rail__head">
      <p class="decision-rail__title">Reporting against</p>
    </div>
    <div class="decision-rail__body">
      <p class="font-display text-sm font-semibold text-ruforum-text">{{ scholar.scholarship.name }}</p>
      {% if scholar.cohort_year %}<p class="font-meta text-[10px] uppercase tracking-[0.14em] text-ruforum-text-muted">Cohort {{ scholar.cohort_year }}</p>{% endif %}
      <a href="{% url 'rims_scholarships:my_scholarship_detail' scholar.pk %}" class="btn-secondary w-full justify-center">Open enrolment</a>
    </div>
  </div>
</aside>
</div>
{% endblock %}