{# 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 task_dispenser = course.get_task_dispenser() %}

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

{% block column %}
    {% with current='tasks' %}{% 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 active"><a href="#"><i class="fa fa-tasks"></i> {{ _("Tasks") }} <span class="sr-only">{{ _("(current)") }}</span></a></li>
        </ol>
    </nav>
{% endblock %}

{% block content %}
<h2>{{ _("Tasks") }}
<div class="pull-right">
        <div class="btn-group btn-group-sm">
            <button class="btn btn-warning" data-toggle="modal" data-target="#taskDispenserModal">
                <i class="fa fa-exchange"></i> {{_("Switch task dispenser")}}
            </button>
        </div>
    </div>
</h2>


<div class="modal fade" id="taskDispenserModal" tabindex="-1" role="dialog" aria-labelledby="taskDispenserModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form method="post">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="taskDispenserModalLabel">{{_("Switch task dispenser")}}</h5>
                    <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 wipe your current course structure. Tasks file won't be deleted but you'll have to import them again.") }}</p>
                    <label>{{ _("New task dispenser:") }}</label>
                    <select class="form-control" id="new_task_dispenser" name="task_dispenser">
                        {% for id, task_dispenser_class in task_dispensers.items() %}
                            <option value="{{id}}" {{ 'selected' if task_dispenser_class.get_id() == task_dispenser.get_id() else '' }}>{{ task_dispenser_class.get_name(session.language) }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{_("Cancel")}}</button>
                    <button type="submit" class="btn btn-warning">{{_("Save changes")}}</button>
                </div>
            </div>
        </form>
    </div>
</div>

{% if config.WEBDAV_HOST %}
    <div class="mb-3 mt-3" id="webdav_accord" role="tablist" aria-multiselectable="true">
        <div class="card border-info">
            <div class="card-header bg-info text-white" id="webdav_head">
                <div style="cursor: pointer" data-toggle="collapse" data-parent="#webdav_accord" href="#webdav" aria-expanded="false" aria-controls="webdav">
                    <i class="fa fa-fw fa-chevron-right"></i>{{_("WebDAV access")}}
                </div>
            </div>
            <div id="webdav" class="collapse" role="tabpanel" aria-labelledby="webdav_head">
                <div class="card-body">
                    {{_("Use this URL to access your course folder using WebDAV:")}}<br/>
                <br/>
                <table class="table">
                    <tr><td>{{_("URL")}}</td><td><code>{{ config.WEBDAV_HOST ~ "/" ~ course.get_id()}}</code></td></tr>
                    <tr><td>{{_("Username")}}</td><td><code>{{  session.username  }}</code></td></tr>
                    <tr><td>{{_("Password")}}</td><td><code>{{ user_manager.get_user_api_key(session.username) }}</code></td></tr>
                </table>
                </div>
            </div>
        </div>
    </div>
{% endif %}

{% if errors %}
    {% for error in errors %}
        <div class="alert alert-danger" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            {{error}}
        </div>
    {% endfor %}
{% elif validated %}
    <div class="alert alert-success" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        {{ _("Changes saved.") }}
    </div>
{% endif %}

{% if task_dispenser.has_legacy_tasks() %}
<div class="alert alert-warning pl-1" role="alert">
    <form method="post">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        <div class="row">
            <div class="col-md-10 mt-1">
                {{ _("This course currently includes legacy tasks with settings that have to be imported to the task dispenser settings to be effective.") }}
            </div>
            <div class="col-md-2"><button type="submit" name="migrate_tasks" class="btn btn-sm btn-block btn-danger"><i class="fa fa-rocket"></i> {{ _("Migrate tasks") }}</button></div>
        </div>
    </form>
</div>
{% endif %}

<div id="dispenser_data">
    {{ task_dispenser.render_edit(course, tasks, tasks_errors) | safe }}
</div>

<div class="row mt-3">
    <div class="col-md-6">
        <button class="btn btn-danger btn-block" onclick="location.reload()">
            <i class="fa fa-undo"></i> {{_("Cancel")}}
        </button>
    </div>
    <div class="col-md-6">
        <button class="btn btn-primary btn-block" onclick="dispenser_submit('{{task_dispenser.get_id() }}');">
            <i class="fa fa-save"></i> {{_("Save changes")}}
        </button>
    </div>
</div>
{% endblock %}