{# This file is part of INGInious. See the LICENSE and the COPYRIGHTS files for #}
{# more information about the licensing of this file. #}

{% extends "layout.html" %}

{% set user_realname= user_manager.get_user_realname(username) %}

{% block title %} {{ user_realname }} - {{ course.get_name(session.language) }}{% endblock %}

{% block column %}
    {% with current='students' %} {% include 'course_admin/menu.html' %} {% endwith %}
{% endblock %}

{% block navbar %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{url_for('coursepage', courseid=course.get_id())}}">{{course.get_name(session.language)}}</a></li>
            <li class="breadcrumb-item"><a href="{{url_for('courseredirect', courseid=course.get_id())}}" title="{{ _('Administration') }}" data-toggle="tooltip" data-placement="bottom">
                <i class="fa fa-user-secret"></i></a></li>
            <li class="breadcrumb-item"><a href="{{url_for('coursestudentlistpage', courseid=course.get_id())}}" title="{{ _('Students') }}" data-toggle="tooltip" data-placement="bottom">
                <i class="fa fa-user"></i></a></li>

            <li class="breadcrumb-item active"><a href="#">{{ user_realname }} <span class="sr-only">{{ _("(current)") }}</span></a></li>
        </ol>
    </nav>
{% endblock %}

{% block content %}
<h2>{{ _("Statistics for student {realname} ({username})").format(realname=user_realname, username=username) }}</h2>
<form method="post">
    <table class="table">
        <thead class="table-borderless">
            <tr>
                <th>{{_("task")}}</th>
                <th>{{_("status")}}</th>
                <th>{{_("# submissions")}}</th>
                <th>
                    <div class="btn-group btn-group-sm" role="group">
                        <a href="{{url_for('coursestudentinfopage', courseid=course.get_id(), username=username, csv='')}}" class="btn btn-info btn-xs"
                           title="{{ _('Download CSV') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-table"></i></a>
                        <a href="{{url_for('coursesubmissionspage', courseid=course.get_id(), users=username)}}"
                           class="btn btn-secondary" title="{{ _('View all submissions') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa
                           fa-search"></i></a>
                    </div>
                </th>
            </tr>
        </thead>
        <tbody>
        {% for taskid, task in data.items() %}
            <tr class="
                {% if not task['visible'] %}
                    bg-dark text-white
                {% elif task['status'] == 'notattempted' %}
                    table-warning
                {% elif task['status'] == 'succeeded' %}
                    table-success
                {% elif task['status'] == 'failed' %}
                    table-danger
                {% endif %}">
                <td>
                    {% if not task["visible"] %}
                        <i class="fa fa-fw fa-ban"  data-toggle="tooltip" data-placement="top" title=" {{_('Not served by the task dispenser') }}"></i>
                    {% endif %}
                    {{ task["name"] }}
                </td>
                <td>
                    {% if task["status"] == "notviewed" %}
                        {{ _("Not viewed") }}
                    {% elif task["status"] == "notattempted" %}
                        {{_("Not attempted (viewed)")}}
                    {% elif task["status"] == "succeeded" %}
                        <a href="{{url_for('submissionpage', submissionid=task['submissionid'])}}" title="{{ _('View evaluation submission') }}"
                            data-toggle="tooltip" data-placement="bottom">{{_("Succeeded")}} ({{task["grade"]}}%)</a>
                    {% else %}
                        <a href="{{url_for('submissionpage', submissionid=task['submissionid'])}}" title="{{ _('View evaluation submission') }}"
                            data-toggle="tooltip" data-placement="bottom">{{_("Failed")}} ({{task["grade"]}}%)</a>
                    {% endif %}
                </td>
                <td>{{ task["tried"] }}</td>
                <td>
                    <div class="btn-group btn-group-sm" role="group">
                        <a href="{{url_for('coursesubmissionspage', courseid=course.get_id(), users=username, tasks=task['taskid'])}}" class="btn btn-secondary" title="{{ _('View all submissions') }}"
                           data-toggle="tooltip" data-placement="bottom"><i class="fa fa-search"></i></a>
                        <button type="button" data-toggle="modal" data-task="{{ task['name'] }}" data-task_id="{{ task['taskid'] }}" data-target="#reset_modal"
                                class="btn btn-warning reset_state" title="{{ _('Reset state') }}">
                            <i class="fa fa-eraser"></i>
                        </button>
                    </div>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div id="reset_modal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ _("Reset State") }} </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <p>{{ _("This will reset the state for {}. Are you sure ?").format('<span class="taskname"></span>') | safe }}</p>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="taskid" id="taskid">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ _("Cancel") }}</button>
                    <button type="submit" name="reset" class="btn btn-danger">{{ _("Reset") }}</button>
                </div>
            </div>
        </div>
    </div>
</form>
<script type="text/javascript">
    $('#reset_modal').on('show.bs.modal', function (event) {
      $('.modal-dialog .taskname').each(function (index) {
          $(this).text($(event.relatedTarget).data('task'));
      });
      $('.modal-dialog #taskid').val($(event.relatedTarget).data('task_id'));
    });
    $(".reset_modal").each(function(index) {
        $(this).tooltip({"placement": "bottom"});
    });
</script>

{% endblock %}