{# -*- engine:django -*- #}
{% extends "core/base.html" %}
{% load material_form i18n static %}

{% block browser_title %}{% blocktrans %}Lesson{% endblocktrans %}{% endblock %}

{% block extra_head %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'css/alsijil/lesson.css' %}" />
{% endblock %}

{% block page_title %}
  {{ day }} -

  {% for group in lesson_period.get_groups.all %}
    <span>{{ group.short_name }}</span>,
  {% endfor %}

  {{ lesson_period.get_subject.name }},

  {% for teacher in lesson_period.get_teachers.all %}
    {{ teacher.short_name }}
  {% endfor %}
{% endblock %}

{% block content %}
  <form method="post">
    {% csrf_token %}

    <div class="row">
      <div class="col s8">
        <div class="card dark-text">
          <span class="card-title">
            {% blocktrans %}Lesson documentation{% endblocktrans %}
          </div>
          {% csrf_token %}
          {% form form=lesson_documentation_form %}{% endform %}
        </div>
      </div>
      <div class="col s4">
        <div class="card dark-text">
          <span class="card-title">
            {% blocktrans %}Change history{% endblocktrans %}
          </span>
          {% include 'core/crud_events_ul.html' with class_ul='list-group list-group-flush' class_li='list-group-item d-flex justify-content-between align-items-center' obj=lesson_documentation %}
        </div>
      </div>
    </div>

    <div class="card dark-text">
      <span class="card-title">
        {% blocktrans %}Personal notes{% endblocktrans %}
      </span>
      {{ personal_note_formset.management_form }}

      <table class="striped responsive-table">
        <tr>
          <th>{% blocktrans %}Person{% endblocktrans %}</th>
          <th>{% blocktrans %}Absent{% endblocktrans %}</th>
          <th>{% blocktrans %}Tardiness{% endblocktrans %}</th>
          <th>{% blocktrans %}Excused{% endblocktrans %}</th>
          <th>{% blocktrans %}Remarks{% endblocktrans %}</th>
        </tr>
        {% for form in personal_note_formset %}
          {{ form.id }}
          <tr>
            <td>{{ form.person_name }}</td>
            <td>{{ form.absent }}</td>
            <td>{{ form.late }}</td>
            <td>{{ form.excused }}</td>
            <td>{{ form.remarks }}</td>
          </tr>
        {% endfor %}
      </table>
    </div>
    {% include "core/save_button.html" %}
  </form>
{% endblock %}