{# 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 registered = user_manager.course_is_user_registered(course) %}
{% set staff = user_manager.has_staff_rights_on_course(course) %}

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

{% block column %}
    {% for entry in plugin_manager.call_hook('course_menu', course=course) %}
        {{ entry | safe }}
    {% endfor %}
    {% if registered or staff %}
        <h3>{{ _("Current grade") }}</h3>
        <div class="progress mb-3">
            <div class="progress-bar bg-success" aria-valuenow="{{grade|int}}" aria-valuemin="0" aria-valuemax="100" style="width: {{grade|int}}%;">
                {{grade|int}} %
            </div>
        </div>

        <h3> {{_("Last tried exercises") }}</h3>
        <div class="list-group mb-3">
            {% if submissions %}
                {% for submission in submissions %}
                    <a class="list-group-item list-group-item-action
                        {% if submission['status'] == 'done' and submission['result'] == 'success' %}
                            list-group-item-success
                        {% elif submission['status'] == 'done' and submission['result'] == 'save' %}
                            list-group-item-info
                        {% elif submission['status'] == 'waiting' %}
                            list-group-item-warning
                        {% else %}
                            list-group-item-danger
                        {% endif %}"
                        href="{{ url_for('taskpage', courseid=submission['courseid'], taskid=submission['taskid']) }}">
                        {{ submission['taskname'] }}
                    </a>
                {% endfor %}
            {% else %}
                <a class="list-group-item list-group-item-action disabled submission-empty">{{ _("No submissions") }}</a>
            {% endif %}
        </div>
    {% endif %}
    {%if staff %}
        {% 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 \"accessibility\" option in the configuration of the course.") }}
            </div>
        {% endif %}
        <div class="list-group">
            <a class="list-group-item list-group-item-action list-group-item-info" href="{{ url_for('courseredirect', courseid=course.get_id()) }}">
                <i class="fa fa-user-secret fa-fw"></i>&nbsp; {{ _("Course administration") }}
            </a>
        </div>
    {% elif registered %}
        <div class="list-group">
            <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>
            {% if course.allow_unregister() %}
                <a href="#" data-toggle="modal" data-target="#unregister_modal" class="list-group-item list-group-item-action list-group-item-info">
                    <i class="fa fa-user-times fa-fw"></i>&nbsp; {{ _("Unregister from this course") }}
                </a>
            {% endif %}
        </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 active"><a href="#">{{ course.get_name(session.language) }} <span class="sr-only">{{ _("(current)") }}</span></a></li>
        </ol>
    </nav>
{% endblock %}

{% block content %}
<div class="row pr-3">
    <div class="col-md-8">
        <h2>{{ course.get_name(session.language) }}</h2>
    </div>

    {%if category_filter_list %}
        <div class="col-md-4  p-3">
            <select class="form-control input-sm" style="height: 22px; padding: 2px 5px; font-size: 12px; line-height: 1.5;" id="tag_filter" onchange="filter_tag(this)">
                <option value=""> {{ _("Filter tasks by category") }}</option>
                {% for category in category_filter_list %}
                    <option value="{{ category }}">{{ category }}</option>
                {% endfor %}
            </select>
        </div>
    {% endif %}
</div>

{% if course.get_descriptor().get("description", "") %}
    <div class="mb-3" id="desc_accord" role="tablist" aria-multiselectable="true">
        <div class="card">
            <div class="card-header" id="course_desc_head">
                <div style="cursor: pointer" data-toggle="collapse" data-parent="#desc_accord" href="#course_desc" aria-expanded="false" aria-controls="course_desc">
                    <i class="fa fa-fw fa-chevron-right"></i>{{ _("About this course") }}
                </div>
            </div>
            <div id="course_desc" class="collapse" role="tabpanel" aria-labelledby="course_desc_head">
                <div class="card-body">
                    {{ course.get_description(session.language) | safe}}
                </div>
            </div>
        </div>
    </div>
{%endif %}

<script>
function filter_tag(tag) {
    tag = tag.value;
    $("a", ".tasks-list").each(function(idx, elem) {
        var task = $(elem);
        var found=false;
        $("div[id='tag']", task).each(function() {
            if ($(this).attr("data-tag-name") == tag){
                found=true;
            }
        });
        if(found || tag == ""){
            task.show();
        }else{
            task.hide();
        }
    });
}

</script>

<style>
    /* Add line after section title */
    .divided {
      display: flex;
      align-items: center;
    }

    .divider {
      flex-grow: 1;
      border-bottom: 1px solid lightgrey;
      margin: 5px
    }

    /* Pointer for dropdown */
    .section_header {
        cursor: pointer;
    }
</style>

{{ course.get_task_dispenser().render(course, tasks_data, category_filter_list,session.username) | safe }}

{% include "unregister_modal.html" %}

{% endblock %}