{# 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 username = submission['username'][0] %}
{% set user_realname= user_manager.get_user_realname(username) %}


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

{% block column %}
    {% with current='submissions' %}{% 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"><a href="{{url_for('coursestudentinfopage', courseid=course.get_id(), username=username)}}">{{user_realname}}</a></li>
            <li class="breadcrumb-item"><a href="{{url_for('coursesubmissionspage', courseid=course.get_id(), users=username, tasks=task.get_id())}}">{{ task.get_name(session.language) }}</a></li>
            <li class="breadcrumb-item active"><a href="#">{{ submission.id | string }}<span class="sr-only">{{ _("(current)") }}</span></a></li>
        </ol>
    </nav>
{% endblock %}

{% block content %}

{% set is_admin = user_manager.has_admin_rights_on_course(course) %}
{% set course_tags = course.get_tags() %}
{% set submission_tags = submission.tests %}

<h2>{{ _("Submission {}").format(str(submission.id)[0:10])}} - "{{ task.get_name(session.language) }}" - {{ user_realname }} ({{username}})</h2>
<div class="alert alert-info text-center">
    {{ _("This page show what was shown to the student when (s)he made his/her submission.") }} <br/>
    <form method="post">
        <div class="row">
            <div class="col-md-12" style="margin:2px 0px 2px 0px;">
                <a onclick="$('.student_view').slideToggle()" class="btn btn-sm btn-block btn-primary">
                    <i class="fa fa-filter fa-fw"></i> {{ _("Click here to hide/display context informations") }}
                </a>
            </div>
            {% if "result"  in submission %}
                <div class="col-md-12" style="margin:2px 0px 2px 0px;">
                    <a href="{{ url_for('coursesubmissionspage', courseid=course.get_id(), download_submission=str(submission.id)) }}" class="btn btn-sm btn-block btn-primary">
                        <i class="fa fa-download fa-fw"></i> {{ _("Download full submission") }}
                    </a>
                </div>
            {% endif %}
            {% if is_admin %}
                <div class="col-md-4" style="margin:2px 0px 2px 0px;">
                    <button type="submit" name="replay" class="btn btn-sm btn-block btn-primary">
                        <i class="fa fa-refresh fa-fw"></i> {{_("Replay submission")}}
                    </button>
                </div>
            {% endif %}
            <div class="col-md-{{ ('4' if is_admin else '12') }}" style="margin:2px 0px 2px 0px;">
                <button type="submit" name="replay-copy" class="btn btn-sm btn-block btn-primary">
                    <i class="fa fa-copy fa-fw"></i> {{ _("Replay as {}").format(session.realname) }}
                </button>
            </div>
            {% if is_admin %}
                <div class="col-md-4" style="margin:2px 0px 2px 0px;">
                    <button type="submit" name="replay-debug" class="btn btn-sm btn-block btn-primary">
                        <i class="fa fa-terminal fa-fw"></i> {{ _("Replay/debug as {}").format(session.realname) }}
                    </button>
                </div>
            {% endif %}
            {% for entry in plugin_manager.call_hook('submission_admin_menu', course=course, task=task, submission=submission) %}
                {{ entry | safe }}
            {% endfor %}
        </div>
    </form>
</div>
<div class="student_view">
    {{ task.get_context(session.language) | safe }}
</div>

<!-- Tags -->
{% set ns = namespace(visible_tags=[]) %}
{% for tagid in submission_tags %}
    {% if tagid in course_tags and (course_tags[tagid].is_visible_for_student() or user_manager.has_admin_rights_on_course(course)) %}
        {% set ns.visible_tags = ns.visible_tags + [course_tags[tagid]] %}
    {% endif %}
{% endfor %}

{# Auto tags may appear for admins. So we force the h3 title even if there is not predefined tags #}
{# We do not show the tag header for students if they can not get tags #}
{% if ns.visible_tags|length > 0 %}
    <h3>{{ _("Tags") }}</h3>
    <div class="mb-3" id="main_tag_group">
    {% for tag in ns.visible_tags %}
        {% if tag.get_type() == 0 %}
            <span class="badge alert-info" id="{{tag.get_id()}}" data-placement="right" data-toggle="tooltip" title="{{ tag.get_description(session.language)}}">{{ tag.get_name(session.language) }}</span>
        {% elif tag.get_type() == 1 %}
            <span class="badge alert-danger" id="{{tag.get_id()}}" data-placement="right" data-toggle="tooltip" title="{{ tag.get_description(session.language) }}" style="display:none;">{{ tag.get_name(session.language) }}</span>
        {% endif %}
    {% endfor %}
    </div>
{% endif %}
<!-- End Tags -->


<form id="task" method="post" action="{{url_for('taskpage', courseid=course.get_id(), taskid=task.get_id())}}">

<div id="task_alert"></div>

{% set task_problems={} %}
{% for problem in task.get_problems() %}
    {% set problem = task_problems.update({problem.get_id(): problem}) %}
{% endfor %}

{% for problem in to_display %}
    {% set key = loop.index %}
    <div class="card mb-3 problem">
        <div class="card-header">
            Question {{key}}: {{problem["name"]}}
            <a href="{{url_for('taskpage', courseid=course.get_id(), taskid=task.get_id(), submissionid=str(submission.id), questionid=problem['id'])}}" class="pull-right" title="{{ _('Download as file') }}"
               data-toggle="tooltip" data-placement="bottom">
                <i class="fa fa-download"></i>
            </a>
        </div>
        <div class="card-body">
            {% if problem["id"] in task_problems %}
                {{ task_problems[problem["id"]].show_input(session.language, username) | safe }}
            {% elif not problem["defined"] %}
                <span class="text-warning">{{_("This problem id is not defined in the task.")}}</span>
            {% else %}
                <span class="text-warning">{{_("This problem is not present in the submission.")}}</span>
            {% endif %}
        </div>
    </div>
{% endfor %}
</form>
<script type="text/javascript">
var problems_types = {{ pdict | safe }};

$(document).ready(function() {
    loadOldSubmissionInput("{{submission.id}}");
    waitForSubmission("{{submission.id}}");
});
</script>
{% endblock %}