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

{% block content %}
    <h2>Supervisor: <span id="name">{{object.name}}</span></h2>
    <span id="email">{{object.email}}</span>

    <br/>User account: <span id="user">{{object.user}}</span>
    <br/>Site: <span id="site">{{object.site}}</span>
    <br/>Trainee(s): {% for trainee in object.trainee.all %}
    <a href="{% url 'account_profile' trainee.user.username %}">{{trainee.user}}
        
    {% endfor %}
        
    <div><a href="{% url 'generic:supervisor_overview' pk=object.pk %}">Supervisor overview</a></div>
        

    <div>
        <a href="{% url 'generic:supervisor_edit' pk=object.pk %}"> Edit</a>
        <a href="{% url 'generic:supervisor_delete' pk=object.pk %}"> Delete</a>
    </div>

{% endblock %}

{% block js %}

    <style>
        td, th { padding-left: 10px }
    </style>
{% endblock %}