{# 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 %} {{ course.get_name(session.language) }} - {{ _("Settings") }} {% endblock %}

{% block column %}
    {% with current='settings' %}{% 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-cogs"></i> {{_("Course settings")}} <span class="sr-only">{{ _("(current)") }}</span></a></li>
        </ol>
    </nav>
{% endblock %}

{% block content %}

<h2>{{_("Course settings")}}</h2>

{% if errors is not none %}
    {%for error in errors %}
        <div class="alert alert-danger" role="alert">{{ error }}</div>
    {% endfor %}
{%elif saved %}
    <div class="alert alert-success" role="alert">{{ _("Settings saved.") }}</div>
{% endif %}

<form id="edit_course_form" class="edit-form" action="{{url_for('coursesettingspage', courseid=course.get_id())}}" method="post">
    <div class="card">
        <div class="card-header">
            <ul class="nav nav-tabs card-header-tabs">
              <li class="nav-item">
                <a class="nav-link active" data-toggle="tab" href="#base"><i class="fa fa-gear fa-fw"></i> {{ _("Base") }}</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#accessibility"><i class="fa fa-shield fa-fw"></i> {{ _("Accessibility") }}</a>
              </li>
              <li class="nav-item lti">
                <a class="nav-link" data-toggle="tab" href="#tab_lti11"><i class="fa fa-external-link-square fa-fw"></i> {{ _("LTI 1.1") }}</a>
              </li>
              <li class="nav-item lti">
                <a class="nav-link" data-toggle="tab" href="#tab_lti13"><i class="fa fa-external-link-square fa-fw"></i> {{ _("LTI 1.3") }}</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#tags_tab"><i class="fa fa-tags fa-fw"></i> {{ _("Tags") }}</a>
              </li>
            </ul>
        </div>


        <!-- Tab panes -->
        <div class="tab-content">
          <div class="card-body tab-pane active" id="base">
            <div class="form-group row">
                <label for="name" class="col-sm-2 control-label">{{ _("Name") }}</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="name" name="name" placeholder="title" value="{{ course.get_name(session.language) }}">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-sm-2 control-label"> {{_("Administrators") }}</label>
                <div class="col-sm-10">
                    {% with course_id=course.get_id(), current_users=course.get_admins(), name="admins", id="admins", placeholder=_("Enter something here to search for a user") %}
                        {% include "course_admin/user_selection_box.html" %}
                    {% endwith %}
                </div>
            </div>
            <div class="form-group row">
                <label class="col-sm-2 control-label"> {{_("Tutors") }}</label>
                <div class="col-sm-10">
                    {% with course_id=course.get_id(), current_users=course.get_tutors(), name="tutors", id="tutors", placeholder=_("Enter something here to search for a user") %}
                        {% include "course_admin/user_selection_box.html" %}
                    {% endwith %}
                </div>
            </div>
            <div class="form-group row">
                <label for="description" class="col-sm-2 control-label">{{ _("Description") }} </label>
                <div class="col-sm-10">
                    <textarea id="description" class="code-editor form-control" name="description" data-x-language="rst" data-x-lines="10">{{ course.get_descriptor().get('description','') }}</textarea>
                </div>
            </div>
            <div class="form-group row">
                <label for="lti" class="col-sm-2 control-label">{{ _("Enable LTI") }}</label>
                <div class="col-sm-10">
                    <label>
                        <input type="checkbox" value="true" id="lti" name="lti"
                               {% if course.is_lti() %}
                                checked="checked"
                               {% endif %}
                        /> {{ _("Enable this option to allow your INGInious course to be used in external Learning Management Systems (LMS) such as Moodle or edX. Note that this will deactivate the group system.") }}
                    </label><br/>
                </div>
            </div>
            <div class="form-group row lti">
                <label for="lti_url" class="col-sm-2 control-label">{{ _("External platform URL") }}</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="lti_url" name="lti_url" placeholder="{{ _('External platform URL') }}" value="{{course.lti_url()}}">
                </div>
            </div>
            <div class="form-group row lti">
                <label for="lti_send_back_grade" class="col-sm-2 control-label">{{ _("Send back grades") }}</label>
                <div class="col-sm-10">
                    <label>
                        <input type="checkbox" value="true" id="lti_send_back_grade" name="lti_send_back_grade"
                               {% if course.lti_send_back_grade() %}
                                    checked="checked"
                               {% endif %}
                        /> {{ _("Enable this to send back grades to the calling Tool Consumer (which is, most of the time, your LMS). INGInious will deactivate students' access to the course and tasks from the web application when enabled. Tasks will be only available from the LTI interface.") }}
                    </label><br/>
                </div>
            </div>
          <div class="form-group row no-lti">
                <label class="col-sm-2 control-label">{{ _("Group attribution") }}</label>
                <div class="col-sm-10">
                    <label>
                        <input type="radio" value="false" name="groups_student_choice"
                            {% if not course.can_students_choose_group() %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Staff only") }}
                    </label><br/>
                    <label>
                        <input type="radio" value="true" name="groups_student_choice"
                            {% if course.can_students_choose_group() %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Staff and students") }}
                    </label>
                </div>
            </div>
          </div>
          <div class="card-body tab-pane fade" id="accessibility">
            <div class="form-group row">
                <label for="allow_preview" class="col-sm-2 control-label">{{ _("Course preview") }}</label>
                <div class="col-sm-10">
                    <label>
                        <input type="radio" value="true" name="allow_preview" id="allow_preview"
                            {% if course.allow_preview() %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Allowed (read-only for non-registered users)") }}
                    </label><br/>
                    <label>
                        <input type="radio" value="false" name="allow_preview"
                            {% if not course.allow_preview() %}
                                checked="checked"
                            {% endif %}
                        />  {{ _("Not allowed") }}
                    </label>
                </div>
            </div>
            <div class="form-group row no-lti">
                <label class="col-sm-2 control-label">{{_("Accessibility")}}</label>
                <div class="col-sm-10">
                    {% set at = course.get_accessibility(False) %}
                    <label>
                        <input type="radio" value="false" name="accessible"
                            {% if at.is_never_accessible() %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Course hidden from students") }}
                    </label><br/>
                    <label>
                        <input type="radio" value="true" name="accessible"
                            {% if at.is_always_accessible() %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Always accessible") }}
                    </label><br/>
                    <label>
                        <input type="radio" value="custom" name="accessible"
                            {% if not at.is_never_accessible() and not at.is_always_accessible() %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Custom:") }}
                    </label>

                    <div class="row">
                        <div class="col-xs-2 col-lg-2"><label class="control-label">{{ _("From") }}</label></div>
                        <div class="col-xs-10 col-lg-4">
                            <div class="form-group">
                                <div class='input-group date' id='accessible_start_picker' data-target-input="nearest">
                                        <input data-target='#accessible_start_picker' name="accessible_start" data-date-format="YYYY-MM-DD HH:mm:ss" value="{{at.get_std_start_date()}}" placeholder="2014-06-29 10:00" type='text' class="form-control datetimepicker-input" />
                                        <div class="input-group-append" data-target="#accessible_start_picker" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>

                                </div>
                            </div>

                        </div>
                        <div class="col-xs-2 col-lg-2"><label class="control-label">{{ _("To") }}</label></div>
                        <div class="col-xs-10 col-lg-4">
                            <div class="form-group">
                                <div class='input-group date' id='accessible_end_picker' data-target-input="nearest">
                                        <input data-target='#accessible_end_picker' name="accessible_end" data-date-format="YYYY-MM-DD HH:mm:ss" value="{{at.get_std_end_date()}}" placeholder="2014-06-29 10:00" type='text' class="form-control datetimepicker-input" />
                                        <div class="input-group-append" data-target="#accessible_end_picker" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <script type="text/javascript">
                        $(function() {
                            $('#accessible_start_picker').datetimepicker({locale: '{{session.language}}', sideBySide: true, format:'YYYY-MM-DD HH:mm:ssZ', timeZone: '{{session.timezone}}'});
                            $('#accessible_end_picker').datetimepicker({locale: '{{session.language}}', sideBySide: true, format:'YYYY-MM-DD HH:mm:ssZ', timeZone: '{{session.timezone}}'});
                        });
                    </script>
                </div>
            </div>
            <div class="form-group row no-lti">
                <label class="col-sm-2 control-label">{{_("Registration")}}</label>
                <div class="col-sm-10">
                    <label>
                        <input type="radio" value="false" name="registration"
                            {%if course.get_registration_accessibility().is_never_accessible() %}
                                checked="checked"
                            {% endif %}
                        /> {{_("Closed")}}
                    </label><br/>
                    <label>
                        <input type="radio" value="true" name="registration"
                            {%if course.get_registration_accessibility().is_always_accessible() %}
                                checked="checked"
                            {% endif %}
                        /> {{_("Always open")}}
                    </label><br/>
                    <label>
                        <input type="radio" value="custom" name="registration"
                            {% if not course.get_registration_accessibility().is_never_accessible() and not course.get_registration_accessibility().is_always_accessible() %}
                                checked="checked"
                            {% endif %}
                        /> {{_("Custom:")}}
                    </label>
                    {% set at = course.get_registration_accessibility() %}
                    <div class="row">
                        <div class="col-xs-2 col-lg-2"><label class="control-label">{{ _("From") }}</label></div>
                        <div class="col-xs-10 col-lg-4">
                            <div class="form-group">
                                <div class='input-group date' id='registration_start_picker' data-target-input="nearest">
                                        <input data-target='#registration_start_picker' name="registration_start" data-date-format="YYYY-MM-DD HH:mm:ss" value="{{at.get_std_start_date()}}" placeholder="2014-06-29 10:00" type='text' class="form-control datetimepicker-input" />
                                        <div class="input-group-append" data-target="#registration_start_picker" data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                        </div>

                                </div>
                            </div>
                        </div>
                        <div class="col-xs-2 col-lg-2"><label class="control-label">{{_("To")}}</label></div>
                        <div class="col-xs-10 col-lg-4">
                            <div class="form-group">
                                    <div class='input-group date' id='registration_end_picker' data-target-input="nearest">
                                            <input data-target='#registration_end_picker' name="registration_end" data-date-format="YYYY-MM-DD HH:mm:ss" value="{{at.get_std_end_date()}}" placeholder="2014-06-29 10:00" type='text' class="form-control datetimepicker-input" />
                                            <div class="input-group-append" data-target="#registration_end_picker" data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                            </div>

                                    </div>
                                </div>
                        </div>
                    </div>
                    <script type="text/javascript">
                        $(function() {
                            $('#registration_start_picker').datetimepicker({locale: '{{session.language}}', sideBySide: true, format:'YYYY-MM-DD HH:mm:ssZ', timeZone: '{{session.timezone}}'});
                            $('#registration_end_picker').datetimepicker({locale: '{{session.language}}', sideBySide: true, format:'YYYY-MM-DD HH:mm:ssZ', timeZone: '{{session.timezone}}'});
                        });
                    </script>
                </div>
            </div>
            <div class="form-group row no-lti">
                <label class="col-sm-2 control-label">{{ _("Allow auto-unregistration") }}</label>
                {% set allow_unregister = course.allow_unregister(False) %}
                <div class="col-sm-10">
                    <label>
                        <input type="radio" value="true" name="allow_unregister"
                            {% if allow_unregister %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Yes") }}
                    </label><br/>
                    <label>
                        <input type="radio" value="false" name="allow_unregister" id="allow_unregister"
                            {% if not allow_unregister %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("No") }}
                    </label>
                </div>
            </div>
            <div class="form-group row no-lti">
                <label for="name" class="col-sm-2 control-label">{{ _("Registration password") }}</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="registration_password" name="registration_password"
                    placeholder="{{ _('Password needed for registration. Leave blank if you don\'t want to set a password.') }}"
                    value="{{ course.get_registration_password() | default('', true) }}">
                </div>
            </div>
            <div class="form-group row no-lti">
                <label for="registration_ac" class="col-sm-2 control-label">{{ _("Access control") }}</label>
                <div class="col-sm-10">
                    <label>
                        <input type="radio" value="None" name="registration_ac" id="registration_ac"
                            {% if course.get_access_control_method() is none %}
                                checked="checked"
                            {% endif %}
                        /> {{_("No access control (everyone can register)")}}
                    </label><br/>
                    <label>
                        <input type="radio" value="username" name="registration_ac"
                            {% if course.get_access_control_method() == "username" %}
                                checked="checked"
                            {% endif %}
                        /> {{_("Check by username")}}
                    </label><br/>
                    <label>
                        <input type="radio" value="binding" name="registration_ac"
                            {% if course.get_access_control_method() == "binding" %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Check by authentication binding") }}
                    </label><br/>
                    <label>
                        <input type="radio" value="email" name="registration_ac"
                            {% if course.get_access_control_method() == "email" %}
                                checked="checked"
                            {% endif %}
                        /> {{ _("Check by email") }}
                    </label>
                </div>
            </div>
            <div class="form-group row no-lti ac_accept">
                <label for="registration_ac_accept" class="col-sm-2 control-label">{{_("Access control type")}}</label>
                <div class="col-sm-10">
                    <label>
                <input type="radio" value="true" name="registration_ac_accept" id="registration_ac_accept"
                            {% if course.get_access_control_accept() %}
                                checked="checked"
                            {% endif %}
                        /> {{_("Accept")}}
                    </label><br/>
                    <label>
                <input type="radio" value="false" name="registration_ac_accept"
                    {% if not course.get_access_control_accept() %}
                                checked="checked"
                            {% endif %}
                        /> {{_("Deny")}}
                    </label><br/>
                </div>
            </div>
            <div class="form-group row no-lti">
                <label for="registration_ac_list" class="col-sm-2 control-label">{{_("Access control list")}}</label>
                <div class="col-sm-10">
                    <textarea class="form-control" id="registration_ac_list" name="registration_ac_list" rows="10" placeholder="{{ _('Only used if access control is activated. Separate users by new lines.') }}">{{ course.get_access_control_list() | join('\n') }}</textarea>
                </div>
            </div>
          </div>
          <div class="card-body tab-pane fade" id="tab_lti11">
            <div class="form-group">
                <div class="alert alert-warning">
                    {{ _("LTI 1.1 is deprecated and support will be removed in a future release.") }}
                </div>
            </div>
            <div class="form-group row">
                <label for="name-PID" class="col-sm-2 control-label">{{  _("Launch URL") }}</label>
                <div class="col-sm-10">
                    <code>{{ url_for("ltilaunchpage", _external=True, courseid=course.get_id(), taskid="&lt;taskid&gt;") | safe }}</code>
                </div>
            </div>
            <div class="form-group row">
                <label for="lti_keys" class="col-sm-2 control-label">{{ _("Consumer keys and secrets") }}</label>
                <div class="col-sm-10">
                    <textarea class="form-control" id="lti_keys" name="lti_keys" rows="10" placeholder="{{ _('LTI consumer keys and secrets in the form key:secret, separated by newlines. Please ensure keys are long enough and random.') }}"
                    >{% for a,b in course.lti_keys().items() %}{{a ~ ":" ~ b ~ "\n"}}{%endfor %}</textarea>
                </div>
            </div>
          </div>
          <div class="card-body tab-pane fade" id="tab_lti13">
            <div class="form-group">
                <div class="alert alert-warning">
                    {{ _("This is a feature preview. Implementation may change in a future release.") }}
                </div>
            </div>
            <div class="form-group row">
                <input name="lti_secrets" type="hidden" value="{% for a,b in course.lti_secrets().items() %}{{a ~ '/' ~ b ~ '\n'}}{%endfor %}"/>
                <label for="lti_secrets" class="col-sm-2 control-label">{{ _("Configured clients") }}</label>
                <div class="col-sm-10">
                    {%  set secrets = course.lti_secrets() %}
                    {%  for iss, clients in config.LTI_CONFIG.items() %}
                        {% set rowloop = loop %}
                        {%  for client in clients %}
                            {% with type= "global", index = rowloop.index ~ "_" ~ loop.index %}
                                {% include "course_admin/lti_config_card.html" %}
                            {% endwith %}
                        {%  endfor %}
                    {% endfor %}
                    {%  for iss, clients in course.lti_config().items() %}
                        {% set rowloop = loop %}
                        {%  for client in clients %}
                            {% with type = "course", index = rowloop.index ~ "_" ~ loop.index %}
                                {% include "course_admin/lti_config_card.html" %}
                            {% endwith %}
                        {%  endfor %}
                    {% endfor %}
                </div>
            </div>
            <div class="form-group row">
                <label for="lti_config" class="col-sm-2 control-label">{{ _("Additional raw configuration") }}</label>
                <div class="col-sm-10">
                    <textarea class="form-control" id="lti_config" name="lti_config" rows="6" placeholder="{{ _('LTI 1.3 Tool configuration in JSON form, refer to INGInious teachers documentation.') }}"
                    >{{ course.lti_config() | tojson(2) }}</textarea>
                </div>
            </div>
          </div>
          <div class="tab-pane fade" id="tags_tab">
            {% if error %}
                <div class="alert alert-danger" role="alert">
                    {{error}}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            {% endif %}
            <div class="btn-group btn-group-sm pull-right">
                <button type="button" class="mt-3 btn btn-info btn-block" onclick="studio_add_table_line(-1,'table','NEW')"><i class="fa fa-plus fa-lg"></i> {{ _("New tag") }}</button>
            </div>
            <table id="table" class="table">
                <thead class="table-borderless">
                    <tr>
                        <th>{{_("id")}}</th>
                        <th>{{_("name")}}</th>
                        <th>{{_("description")}}</th>
                        <th>{{_("show to students")}}</th>
                        <th>{{_("type ")}}</th>
                    </tr>
                </thead>
                <tbody>

                <!-- An empty row so that we can copy it to add new rows. All 'disabled' are important to not send this row to INGInious when saving the task-->
                <tr id="NEW" style="display:none;">
                    <td><input disabled type="text" ID_STOP id="id_NEW" class="form-control" name="tags[NEW][id]" value="ID_REPLACE"></td>
                    <td><input disabled type="text" class="form-control" name="tags[NEW][name]" value="NAME_REPLACE"/></td>
                    <td><textarea disabled class="form-control" onfocus="studio_expand_tag_description(this);" onblur="studio_expand_tag_description_not(this);" name="tags[NEW][description]" rows="1" style="resize:none">DESCRIPTION_REPLACE</textarea></td>
                    <td><input disabled type="checkbox" class="form-control" name="tags[NEW][visible]" VISIBLE_REPLACE)/></td>
                    <td>
                        <select disabled  class="form-control" name="tags[NEW][type]">
                            <option value="0" TYPE_REPLACE_0>{{_("Skill")}}</option>
                            <option value="1" TYPE_REPLACE_1>{{_("Misconception")}}</option>
                        </select>
                    </td>
                </tr>

                {% for key, tag in course.get_descriptor().get("tags", {}).items() %}
                    {% set name = tag["name"] if "name" in tag else _("Unknown name") %}
                    {% set description = tag["description"] if "description" in tag else "" %}
                    {% set type = tag["type"] if "type" in tag else 0 %}
                    {% set visible = tag["visible"] if "visible" in tag else False %}
                    <tr id="{{loop.index}}">
                        <td><input type="text" id="id_{{loop.index}}" class="form-control" name="tags[{{loop.index}}][id]" value="{{ key }}"/></td>
                        <td><input type="text" class="form-control" name="tags[{{loop.index}}][name]" value="{{name}}"/></td>
                        <td><textarea class="form-control" onfocus="studio_expand_description(this);" onblur="studio_expand_description_not(this);" name="tags[{{loop.index}}][description]" rows="1" style="resize:none">{{description}}</textarea></td>
                        <td><input type="checkbox" class="form-control" name="tags[{{loop.index}}][visible]" {% if visible %} checked="checked" {% endif %}/></td>
                        <td>
                            <select class="form-control" name="tags[{{loop.index}}][type]">
                                <option value="0" {% if type|int == 0 %} selected="selected" {% endif %}>{{_("Skill")}}</option>
                                <option value="1" {% if type|int == 1 %} selected="selected" {% endif %}>{{_("Misconception")}}</option>
                            </select>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

      </div>
        </div>
    </div>
    <button class="btn btn-primary btn-block mt-3" type="submit"><i class="fa fa-download"></i> {{ _("Save changes") }}</button>
    
</form>

<script type="text/javascript">
    function hideAcType() {
        if($("#registration_ac").is(":checked")){
            $(".ac_accept").hide();
        } else {
            $(".ac_accept").show();
        }
    }

    function updateLTI() {
        if($("#lti").is(":checked"))
        {
            $(".no-lti").hide();
            $(".lti").show();
        }
        else
        {
            $(".no-lti").show();
            hideAcType();
            $(".lti").hide();
        }
    }
    $(function() {
        updateLTI();
        $("#lti").click(updateLTI);
        $("#lti").change(updateLTI);
        hideAcType();
        $("[name='registration_ac']").change(hideAcType);
    })
</script>
{% endblock %}