{% extends "base.html" %}
{% block title %}Class schedule{% endblock %}
{% block content %}
<div class="page-hero">
  <div class="eyebrow">Class schedule</div>
  <h1>Programme delivery schedule</h1>
  <p>
    Plan attendance using <strong>scheduled</strong> dates. <strong>Conducted</strong> dates show when sessions actually ran.
    Your join date: <strong>{{ learner.join_date }}</strong>.
  </p>
</div>
<div class="card">
  <div class="table-wrap"><table>
    <tr>
      <th>Scheduled</th>
      <th>Conducted</th>
      <th>Area</th>
      <th>Module</th>
      <th>Type</th>
      <th>Status</th>
    </tr>
    {% for s in sessions %}
    <tr>
      <td>{{ s.scheduled_date | session_schedule(s.scheduled_time) }}</td>
      <td>
        {% if s|session_conducted %}
          {{ s|session_conducted }}
        {% else %}
          —
        {% endif %}
      </td>
      <td>{{ s.area_name }}</td>
      <td>M{{ s.module_number }} — {{ s.module_name }}</td>
      <td>{{ s.session_type }}</td>
      <td>
        <span class="badge {% if s.status == 'completed' %}completed{% elif s.status == 'scheduled' %}in_progress{% else %}not_started{% endif %}">
          {{ s.status }}
        </span>
      </td>
    </tr>
    {% else %}
    <tr><td colspan="6">No sessions scheduled yet.</td></tr>
    {% endfor %}
  </table></div>
</div>
<p>
  <a class="btn" href="{{ url_for('learner_progress') }}">My progress</a>
</p>
{% endblock %}