{% extends 'generic/base_supervisor.html' %}

{% load crispy_forms_tags %}

{% block content %}

<h2>Supervisor: {{supervisor.name}}</h2>
<details class="help-text">
    <summary><i class="bi bi-info-circle"></i> Help</summary>
    <p>As a supervisor you have the ability to view results on the platform for your associated trainees.</p>
    <p>Some exams / collection results will be automatically available for you to review, others may require the trainee to allow access</p>
    <p>If your trainees are incorrect please contact ross.kruger@nhs.net</p>

</details>


<h4>Trainees</h4>
You have the following trainee(s):

<ul id="trainee-list">
{% for trainee in trainees %}
<li>
<i class="bi bi-file-person"></i>
<a href='{% url "generic:supervisor_trainee" supervisor.pk trainee.pk %}'>{{trainee.first_name}} {{trainee.last_name}}, {{trainee.email}}</a>
</li>
    
{% endfor %}
</ul>

{% endblock %}


{% block css %}
<style>
    #trainee-list {
        list-style-type: none;
        padding: 0;
    }
</style>
    
{% endblock css %}