{% extends "base.html" %}
{% load url %}
{% load profiles %}
{% load humanize %}
{% load static %}

{% block title %}
    Permission Requests - {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a
                href="{% url 'reader-studies:list' %}">Reader Studies</a>
        </li>

        <li class="breadcrumb-item"><a
                href="{{ reader_study.get_absolute_url }}">{{ reader_study.title }}</a></li>
        <li class="breadcrumb-item active"
            aria-current="page">Permission requests
        </li>
    </ol>
{% endblock %}

{% block content %}
    <h2>Permission Requests for {{ reader_study.title }}</h2>

    <div class="table-responsive">
        <table class="table table-hover table-borderless table-sm" id="usersTable">
            <thead class="thead-light">
            <tr>
                <th>Created</th>
                <th>Username</th>
                <th>Name</th>
                <th>Institution</th>
                <th>Department</th>
                <th>Location</th>
                <th>Website</th>
                <th>Status</th>
            </tr>
            </thead>
            <tbody>

            {% for request in object_list %}

                <tr>
                    <td data-order='{{ request.created|date:"U" }}'>
                        {{ request.created|naturaltime }}
                    </td>
                    <td>
                        {{ request.user|user_profile_link }}
                    </td>
                    <td>
                        {{ request.user.get_full_name }}
                    </td>
                    <td>
                        {{ request.user.user_profile.institution }}
                    </td>
                    <td>
                        {{ request.user.user_profile.department }}
                    </td>
                    <td>
                        {{ request.user.user_profile.country.name }}
                    </td>
                    <td>
                        <a href="{{ request.user.user_profile.website }}">
                            {{ request.user.user_profile.website }}
                        </a>
                    </td>
                    <td>
                        <a href="{% url 'reader-studies:permission-request-update' slug=reader_study.slug pk=request.pk %}"
                                {% if request.get_status_display|lower == "rejected" %}
                           class="text-danger"
                                {% endif %}
                        >
                            {{ request.get_status_display }}
                        </a>
                    </td>
                </tr>

            {% endfor %}

            </tbody>

        </table>
    </div>
{% endblock %}

{% block script %}
    {{ block.super }}

    <script type="module" src="{% static 'js/permission_request_display_table.mjs' %}"></script>
{% endblock %}