{# 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" %}

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

{% set registered = user_manager.course_is_user_registered(course) %}
{% set staff = user_manager.has_staff_rights_on_course(course) %}
{% set task_dispenser = course.get_task_dispenser() %}

{% block column %}
    <h3>{{ _("Information") }}</h3>
    <table class="table table-sm">
        {% if task.get_authors(session.language) %}
            <tr>
                <td>{{ _("Author(s)") }}</td>
                <td>{{ task.get_authors(session.language) }}</td>
            </tr>
        {% endif %}
        {%if task.get_contact_url(session.language) %}
            <tr>
                <td>{{ _("Contact") }}</td>
                <td><a href="{{ task.get_contact_url(session.language).format(course_id=course.get_id(), task_id=task.get_id(), username=session.username) }}" target="_blank">{{ _("Contact link") }}</a></td>
            </tr>
        {% endif %}
        {% if not session.is_lti %}
            <tr class="
            {% if task_dispenser.get_accessibility(task.get_id(), session.username).is_open() and not task_dispenser.get_accessibility(task.get_id(), session.username).is_open_with_soft_deadline() %}
                list-group-item-danger
            {% endif %}">
                <td>{{ _("Deadline") }}</td>
                <td>
                    {% set accessibility = task_dispenser.get_accessibility(task.get_id(), session.username) %}
                    {% if accessibility.is_never_accessible() %}
                        {{ _("It's too late") }}
                    {% elif accessibility.get_std_soft_end_date() %}
                        {{ show_time(accessibility.get_soft_end_date()) }}
                    {% else %}
                        {{ _("No deadline") }}
                    {% endif %}
                </td>
            </tr>
        {% endif %}
        {% if registered or staff %}
            <tr>
                <td>{{ _("Status") }}</td>
                <td id="task_status">
                    {% if not eval_submission and submissions|length == 0 %}
                        {{ _("Not yet attempted") }}
                    {% elif eval_submission is not none and eval_submission["status"] == "done" and eval_submission["result"] == "success" %}
                        {{ _("Succeeded") }}
                    {% else %}
                        {% set ns = namespace(waiting=False) %}
                        {% for submission in submissions %}
                            {% if submission["status"] == "waiting" %}
                                {% set ns.waiting=True %}
                            {% endif %}
                        {% endfor %}
                        {% if ns.waiting %}
                            {{ _("Waiting for verification") }}
                        {% else %}
                            {{ _("Failed") }}
                        {% endif %}
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td>{{ _("Grade") }}</td>
                <td>
                    <span id="task_grade">{{ user_task.grade }}</span>%
                </td>
            </tr>
            <tr>
                <td>{{ _("Attempts") }}</td>
                <td id="task_tries">
                    {{ user_task.tried }}
                </td>
            </tr>
        {% endif %}
        <tr>
            <td>{{ _("Submission limit") }}</td>
            <td>
                {% set submission_limit = course.get_task_dispenser().get_submission_limit(task.get_id()) %}
                {% if submission_limit == {"amount":-1, "period":-1} %}
                    {{ _("No limitation") }}
                {% else %}
                    {% if submission_limit["period"] > 0 %}
                        {{ _("{nb_submissions} submissions<br /> every {nb_hours} hour(s)").format(nb_submissions=submission_limit["amount"], nb_hours=submission_limit["period"]) | safe }}
                    {% else %}
                        {{ _("{nb_submissions} submissions").format(nb_submissions=submission_limit["amount"]) }}
                    {% endif %}
                {% endif %}
            </td>
        </tr>
        {% set ns = namespace(tags="") %}
        {% set task_categories = course.get_task_dispenser().get_categories(task.get_id()) %}
        {% for category in task_categories %}
            {% set ns.tags = ns.tags + (category + ", ") %}
        {% endfor %}
        {% set ns.tags = ns.tags[:-2] %}
        {% if ns.tags != "" %}
            <tr>
                <td>{{ _("Category tags") }}</td>
                <td>{{ ns.tags }}</td>
            </tr>
        {% endif %}
    </table>
     
    <!-- Tags -->
    {# 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 visible_tags|length > 0 %}
        <h3> {{ _("Tags") }}</h3>
        <div class="mb-3" id="main_tag_group">
        {% for tag in 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) }}" style="display:none;">{{ 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 -->
    
    {%if not session.is_lti and staff %}
        <h3> {{ _("Administration") }}</h3>
        {% if not course.is_open_to_non_staff() %}
            <div class="alert alert-warning" role="alert">
                {{ _("This course is currently invisible for students.  You can change this by modifying the \"accessible\" option in the configuration of the course.") }}
            </div>
        {% endif %}
        {% if not task_dispenser.get_accessibility(task.get_id(), session.username).after_start() %}
            <div class="alert alert-warning" role="alert">
                {{ _("This task is currently invisible for students. You can change this by modifying the \"accessible\" option in the configuration of the task.") }}
            </div>
        {% endif %}
        <div class="list-group mb-3">
            <a class="list-group-item list-group-item-action list-group-item-info" href="{{ url_for('coursesubmissionspage', courseid=course.get_id(), tasks=task.get_id()) }}">
                <i class="fa fa-files-o fa-fw"></i>&nbsp; {{ _("View submissions") }}
            </a>
            {% if user_manager.has_admin_rights_on_course(course) %}
                <a class="list-group-item list-group-item-action list-group-item-info" href="{{ url_for('coursedittask', courseid=course.get_id(), taskid=task.get_id()) }}">
                    <i class="fa fa-edit fa-fw"></i>&nbsp;{{ _("Edit task") }}
                </a>
                <a href="#" class="list-group-item list-group-item-action list-group-item-info" data-toggle="modal" data-target="#modal-debug">
                    <i class="fa fa-wrench fa-fw"></i>&nbsp;{{ _("Debug information") }}
                </a>
            {% endif %}
        </div>
    {%elif not session.is_lti and registered %}
        <h3>{{ _("Submitting as") }}</h3>
        <div class="list-group mb-3">
            <div class="list-group-item list-group-item-action list-group-item-info">
                {% if task_dispenser.get_group_submission(task.get_id()) %}
                    <i class="fa fa-chevron-right fa-fw"></i>&nbsp; <b>{{ _('Group') }}</b>
                {% else %}
                    <i class="fa fa-chevron-right fa-fw"></i>&nbsp; <b>{{ session.realname }}</b>
                {% endif %}
            </div>
            <a class="list-group-item list-group-item-action list-group-item-info" href="{{ url_for('grouppage', courseid=course.get_id()) }}">
                <i class="fa fa-group fa-fw"></i>&nbsp;
                {% set mygroup = user_manager.get_course_user_group(course) %}
                {% if mygroup and session.username in mygroup['students'] %}
                    {{ _("Group : {}").format(mygroup['description']) }}
                {% else %}
                    {{ _("Group management") }}
                {% endif %}
            </a>
        </div>
    {% endif %}

    {% for entry in plugin_manager.call_hook('task_menu', course=course, task=task) %}
        {{ entry | safe }}
    {% endfor %}
    {% if registered %}
        <h3> {{ _("For evaluation") }}</h3>
        <div class="list-group mb-3">
            <div class="list-group-item list-group-item-info"><i class="fa fa-info fa-fw"></i>
                {% if course.get_task_dispenser().get_evaluation_mode(task.get_id()) == "last" %}
                    {{ _("Last submission") }}
                {% else %}
                    {{ _("Best submission") }}
                {% endif %}
            </div>
            {% if eval_submission %}
                <a href="#" id="my_submission" class="submission list-group-item list-group-item-action list-group-item-info" data-submission-id="{{ eval_submission.id }}">
                    <i class="fa fa-chevron-right fa-fw"></i>
                    {{ show_time(eval_submission['submitted_on']) }} - {{ eval_submission.grade }}%
                </a>
            {% else %}
                <div id="my_submission" class="list-group-item list-group-item-info"><i class="fa fa-chevron-right fa-fw"></i> {{ _("No submission") }}</div>
            {% endif %}
        </div>

        <h3>{{ _("Submission history") }}</h3>
        <div id="submissions_restrictsize">
            <ul id="submissions" class="list-group">
                {% if submissions %}
                    {% for submission in submissions %}
                        <li class="submission list-group-item list-group-item-action
                            {% if submission['status'] == 'done' and submission['result'] == 'success' %}
                                list-group-item-success
                            {% elif submission['status'] == 'waiting' %}
                                list-group-item-warning
                            {% else %}
                                list-group-item-danger
                            {% endif %}"
                            data-submission-id="{{ submission.id }}">

                            <!-- Tags -->
                            {# This display a badge with the number of validated tags in each row of the submission history. #}
                            {# The badge is green (success style) if all tags are validated, blue (info style) otherwise. #}
                            {% if visible_tags|length > 0 %}
                                {% set ns = namespace(tags_ok_counter=0,list_tags_ok=[]) %}
                                {% for tagid, tag in course.get_tags().items() %}
                                    {% set ns.class_tag = "badge alert-info" %}
                                    {% if "tests" in submission and tagid in submission["tests"] and submission["tests"][tagid] %}
                                        {% set ns.tags_ok_counter = ns.tags_ok_counter + 1 %}
                                        {% set ns.list_tags_ok = ns.list_tags_ok + [tag.get_name(session.language)] %}
                                    {% endif %}
                                {% endfor %}
                                {% if ns.tags_ok_counter %}
                                    <span class="badge alert-info" id="tag_counter" data-toggle="tooltip" data-placement="left" title="{{ ', '.join(ns.list_tags_ok) }}">{{ ns.tags_ok_counter }}</span>
                                {% endif %}
                            {% endif %}
                            <!-- End Tags -->

                            <span id="txt">{{ show_time(submission['submitted_on']) }}{% if "grade" in submission %} - {{ submission["grade"] }}% {% endif %}</span>
                        </li>
                    {% endfor %}
                {% else %}
                    <li class="list-group-item list-group-item-action disabled submission-empty">{{ _("No submission") }}</li>
                {% endif %}
            </ul>
        </div>
    {% elif not session.loggedin %}
        {% include "signin_button.html" %}
    {% elif course.is_registration_possible(user_info) %}
        <h3>{{ _("Enroll in the course") }}</h3>

        <div class="alert alert-warning" role="alert">
            {{ _("Please enroll in the course to be able to submit answers to problems.") }}
        </div>
        <div class="list-group">
            <a href="{{url_for('courseregisterpage', courseid=course.get_id())}}" class="list-group-item list-group-item-action list-group-item-info">
                <i class="fa fa-sign-in fa-fw"></i>&nbsp; {{ _("Enroll in the course") }}
            </a>
        </div>
    {% endif %}

{% endblock %}

{% block navbar %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            {% if registered %}
                <li class="breadcrumb-item"><a href="{{ url_for('mycoursespage') }}" title="{{ _('My courses') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-th-list"></i></a></li>
            {% else %}
                <li class="breadcrumb-item"><a href="{{ url_for('courselistpage') }}" title="{{ _('Course list') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-th-list"></i></a></li>
            {% endif %}
            <li class="breadcrumb-item"><a href="{{ url_for('coursepage', courseid=course.get_id()) }}">{{ course.get_name(session.language) }}</a></li>
            <li class="breadcrumb-item active"><a href="#">{{ task.get_name(session.language) }} <span class="sr-only">{{ _("(current)") }}</span></a></li>
        </ol>
    </nav>
{% endblock %}

{% block content %}
<h2>
    <div class="row">
    <div class="col-md-10">{{ task.get_name(session.language) }}</div>
    <div class="col-md-2">
        {% if not session.is_lti %}
            <div class="pull-right">
                <div class="btn-group">
                    <button type="button" id="load_loc" class="btn btn-info mr-1" onclick="load_from_storage('{{course.get_id()}}','{{task.get_id()}}')" title="{{ _('Load my work from memory') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-arrow-circle-o-down"></i></button>
                    <button type="button" id="save_loc" class="btn btn-info mr-1" onclick="save_to_storage('{{course.get_id()}}','{{task.get_id()}}')" title="{{ _('Save my work in memory') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-save"></i></button>
                    <button type="button" class="btn btn-info mr-1" data-toggle="collapse" data-target="#task_context">{{ _("Collapse context") }}</button>
                    {% if previous_taskid %}
                        <a class="btn-sm btn btn-info" href="{{url_for('taskpage', courseid=course.get_id(), taskid=previous_taskid)}}" title="{{ _('Previous task') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-arrow-left"></i></a>
                    {% endif %}
                    {% if next_taskid %}
                        <a class="btn-sm btn btn-info" href="{{url_for('taskpage', courseid=course.get_id(), taskid=next_taskid)}}" title="{{ _('Next task') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-arrow-right"></i></a>
                    {% endif %}
                </div>
            </div>
        {% endif %}
    </div>
    </div>
</h2>
{# Input random #}
{# set up some useful variable that may be used by task author #}
{# variable "input" has to be accessible to the eventual javascript present in the context of the task. #}
<script>    
    var input = {
        "@lang": "{{ session.language }}",
        "@username": "{{ session.username }}",
        "@random": {{ input_random_list }},
        "@state": "{{ user_task.state if registered else '' }}"
    }
</script>
<div id="task_context" class="collapse show">
    {{ task.get_context(session.language) | safe }}
</div>
<hr/>
<div id="task_alert"></div>
<div id="ssh_template" style="display:none;">
    {% if config.WEBTERM %}
        <div id="webterm">
            <input type="hidden" value="{{ config.WEBTERM }}" id="webterm_link"/>
        </div>
        {{ _("Alternatively, you can also paste this command into your terminal:") }}<br/>
    {% else %}
        {{ _("Paste this command into your terminal:") }} <br/>
    {% endif %}

    <pre id="commandssh"></pre>
    {{ _("The password to connect is {}").format("<code></code>") | safe }}
</div>
<div id="messages" style="display:none;">
    <span id="answerall">{{ _("Please answer to all the questions.") }}</span>
    <span id="internalerror">{{ _("Internal error") }}</span>
    <span id="invalidext">{{ _("{} has not a valid extension.") }}</span>
    <span id="filetooheavy">{{ _("{} is too heavy.") }}</span>
</div>

{%if user_manager.has_admin_rights_on_course(course) %}
    <div class="modal fade" id="modal-debug">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">

                    <h4 class="modal-title">{{ _("Debug information") }}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    {{ _("The raw data from the container will be displayed here, helping you to debug the task.<br/> This box is only displayed because you are an administrator of this course. It is not displayed to students.") | safe}}
                    <hr/>
                    <div id="task_debug">

                    </div>
                </div>
            </div>
        </div>
    </div>
{% endif %}

{% if session.is_lti %}
    {% set path = url_for("ltitaskpage") %}
{% else %}
    {% set path = url_for("taskpage", courseid=course.get_id(), taskid=task.get_id()) %}
{% endif %}

<form id="task" action="{{ path }}" method="post" enctype="multipart/form-data"
    {% for submission in submissions if submission["status"] == "waiting" %}
        data-wait-submission="{{submission.id}}"
    {% endfor %}
>
    {# Hide input random in form #}
    {% for elem in input_random_list %}
        <input type="hidden" name="@random_{{ loop.index - 1 }}" id="random_input" value="{{ elem }}"/>
    {% endfor %}
    <input type="hidden" name="@action" value="submit"/>
    {% for problem in task.get_problems() %}
        <div class="problem card card-default mb-4">
            {% if task.get_problems()|length != 1 or problem.get_name(session.language) != "" %}
                <div class="card-heading">
                    <h5 class="card-header">
                        {% if task.get_problems()|length != 1 %}
                            {{ _("Question {}").format(loop.index) }}:
                        {% endif %}
                        {{ problem.get_name(session.language) }}
                    </h5>

                </div>
            {% endif %}
            <div class="card-body">
                {{ problem.show_input(session.language, session.username) | safe }}
            </div>
        </div>
    {% endfor %}
    {# no need to check with lti=True/False here as it was already checked by the calling python script. #}
    {% set groups_ok = user_manager.task_can_user_submit(course, task, session.username, 'groups') %}
    {% set tokens_ok = user_manager.task_can_user_submit(course, task, session.username, 'tokens') %}

    {% if not registered %}
        <button type="submit" class="btn btn-secondary btn-lg btn-block center-block" disabled="disabled">{{ _("Please enroll in the course to submit.") }}</button>
    {% elif groups_ok and tokens_ok %}
        {% if user_manager.has_admin_rights_on_course(course) %}
            <input type="hidden" name="@debug-mode" id="task-debug-mode" value=""/>
            <div class="row">
                <div class="col-xs-9 col-md-10">
                    <button type="submit" class="btn btn-secondary btn-lg btn-block center-block" id="task-submit">{{ _("Submit") }}</button>
                </div>
                <div class="col-xs-3 col-md-2">
                    <button type="button" class="btn btn-info btn-lg btn-block center-block" id="task-submit-debug" data-toggle="tooltip"
                            data-placement="top" title="{{ _('Start remote SSH console with this input') }}">
                        <i class="fa fa-terminal"></i>
                    </button>
                </div>
            </div>
        {% else %}
            <button type="submit" class="btn btn-secondary btn-lg btn-block center-block" id="task-submit">{{ _("Submit") }}</button>
        {% endif %}
    {% elif not task_dispenser.get_accessibility(task.get_id(), session.username).is_open() %}
        <button type="submit" class="btn btn-secondary btn-lg btn-block center-block" disabled="disabled">{{ _("The deadline is over, you cannot submit anymore") }}</button>
    {% elif task_dispenser.get_group_submission(task.get_id()) and not groups_ok %}
        <button class="btn btn-secondary btn-lg btn-block center-block" disabled="disabled">{{ _('Please register in a group') }}</button>
    {% elif not tokens_ok %}
        <button type="submit" class="btn btn-secondary btn-lg btn-block center-block" disabled="disabled">
            {{ _('You have reached the submission limit.') if not task_dispenser.get_group_submission(task.get_id()) else _('Your group have reached the submission limit.') }}
        {% if course.get_task_dispenser().get_submission_limit(task.get_id())["period"] > 0 %}
            <br/> {{ _("It will be refilled within the next {} hour(s)").format(course.get_task_dispenser().get_submission_limit(task.get_id())["period"]) }}
        {% endif %}
        </button>
    {% else %}
        <button type="submit" class="btn btn-secondary btn-lg btn-block center-block" disabled="disabled"> {{ _("You are not allowed to submit") }}</button>
    {% endif %}
</form>

<!-- Modals -->
{% set auth_methods = user_manager.get_auth_methods() %}

<script type="text/javascript">
    var problems_types = {{ pdict | safe }};
    var is_input_list = {{ is_input_list | safe }};

    var courseid = '{{ course.get_id() }}';
    var taskid = '{{ task.get_id() }}';

    $(document).ready(function() {
        init_task_page("{{ course.get_task_dispenser().get_evaluation_mode(task.get_id()) }}");
    });

    var input = {
        "@lang": "{{ session.language }}",
        "@username": "{{ session.username }}",
        "@random": {{ input_random_list }}
    }
</script>
{% endblock %}