{% from "macros.html" import information %}
{% extends "admin/master.html" %}

{% block body %}
    {{ information(current_user, active_semester_str, role="assistant") }}

    <hr>

    <div class="d-inline-flex">
        <table class="table table-bordered">
            <tbody>
                <tr>
                    <th scope="row">
                        Experiment
                    </th>
                    <td>
                        {{ experiment_label }}
                    </td>
                </tr>
                <tr>
                    <th scope="row">
                        Group number
                    </th>
                    <td>
                        {{ group_number }}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <br>

    <form method="POST">
        {{ form.csrf_token }}
        <div class="d-inline-flex">
            <table class="table table-striped table-bordered">
                <thead class="thead-dark">
                    <tr>
                        <th scope="col">
                            Appointment date
                        </th>
                        <th scope="col">
                            Should be in break
                        </th>
                    </tr>
                </thead>

                <tbody>
                    {% for appointment_field in appointment_fields %}
                        <tr>
                            <td>
                                {{ appointment_field }}
                            </td>
                            <td>
                                {{ appointment_field.description }}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <br>

        <div class="table-responsive">
            <table class="table table-striped table-bordered">
                <thead class="thead-dark">
                    <tr>
                        <th scope="col">
                            Student
                        </th>
                        <th scope="col">
                            Oral mark
                        </th>
                        <th scope="col">
                            Protocol mark
                        </th>
                        <th scope="col">
                            Final experiment mark¹
                        </th>
                        <th scope="col">
                            University email
                        </th>
                        <th scope="col">
                            Contact email²
                        </th>
                    </tr>
                </thead>

                <tbody>
                    {% for student, oral_experiment_mark, protocol_experiment_mark, final_experiment_mark in experiment_mark_zip %}
                        <tr>
                            <th scope="row">
                                {{ student }}
                            </th>
                            <td>
                                {{ oral_experiment_mark }}
                            </td>
                            <td>
                                {{ protocol_experiment_mark }}
                            </td>
                            <td>
                                {% if final_experiment_mark is none %}
                                    <span style='color:red'><strong>None</strong></span>
                                {% else %}
                                    {{ final_experiment_mark }}
                                {% endif %}
                            </td>
                            <td>
                                {{ student.uni_email }}
                            </td>
                            <td>
                                {{ student.contact_email }}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <br>

        <div class="form-group form-row">
            <label for={{ form.note.id }} class="col-form-label">{{ form.note.label }}³</label>
            <div class="col">
                {{ form.note }}
            </div>
        </div>

        {{ form.submit }}
    </form>

    <hr>

    <font size="2">
        <p>1. </p>
        <p>2. </p>
        <p>3. {{ form.note.description }}</p>
    </font>
    {{ footer|safe }}
{% endblock body %}