{# 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 %}{{ _("My profile") }}{% endblock %}

{% block column %}
{% with current='profile' %}{% include 'preferences/menu.html' %}{% endwith %}
{% endblock %}

{% block navbar %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ url_for('prefredirectpage') }}" title="{{ _('Preferences') }}" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-gears"></i></a>
            </li>
            <li class="breadcrumb-item active"><a href="#"><i class="fa fa-user"></i> {{ _("My profile") }} <span class="sr-only">{{ _("(current)") }}</span></a></li>
        </ol>
    </nav>
{% endblock %}

{% block content %}
<h2>{{ _("My profile") }}</h2>

{% if error %}
    <div class="alert alert-danger alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        {{msg}}
    </div>
{% elif msg %}
    <div class="alert alert-success alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        {{msg}}
    </div>
{% endif %}

{% if not session.username %}
    <div class="alert alert-warning alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        {{_("Please set a new username")}}
    </div>
{% endif %}

{% if config.IS_TOS_DEFINED and not session.tos_signed %}
    <div class="alert alert-warning alert-dismissable">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        {{_("Please accept the Terms of Service and Data Privacy")}}
    </div>
{% endif %}

<form method="post">
    <div class="row">
        <div class="col-sm-12">
            <label class="control-label">{{ _("Username :") }} </label>
            <input name="username" type="text" class="form-control" value="{{ session.username }}" {% if session.username %} disabled {% endif %}>
        </div>
        <div class="col-sm-12">
            <label class="control-label">{{ _("Complete name :") }} </label>
            <input name="realname" type="text" class="form-control" value="{{ session.realname }}">
        </div>
        <div class="col-sm-12">
            <label class="control-label">{{_("Email address :")}} </label>
            <input name="email" type="text" class="form-control" value="{{ session.email }}" disabled>
        </div>
        <div class="col-sm-12">
            <label class="control-label">{{ _("Language :") }} </label>
            <select name="language" class="form-control">
                {% for code, language in config.LANGUAGES.items() %}
                <option value="{{code}}" {% if code == session.language %} selected {% endif %}>{{ language }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-sm-12">
            <label class="control-label">{{ _("Timezone :") }} </label>
            <select name="timezone" class="form-control">
                {% for timezone in available_timezones %}
                    <option value="{{ timezone }}" {% if timezone == session.timezone %} selected {% endif %}>{{ timezone }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-sm-12">
            <label class="control-label">{{ _("Code indentation :") }} </label>
            <select name="code_indentation" class="form-control">
                {% for code, indentation_data in config.INDENTATION_TYPES.items() %}
                <option value="{{code}}" {% if code == session.code_indentation %} selected {% endif %}>{{ _(indentation_data["text"]) }}</option>
                {% endfor %}
            </select>
        </div>
        {% if config.ALLOW_REGISTRATION %}
            <div class="col-sm-12">
                <label class="control-label">{{ _("Old password :") }} </label>
                <input name="oldpasswd" type="password" class="form-control">
            </div>
            <div class="col-sm-6">
                <label class="control-label">{{ _("New password (min. 6 characters) :") }} </label>
                <input name="passwd" type="password" class="form-control">
            </div>
            <div class="col-sm-6">
                <label class="control-label">{{ _("Confirm new password :") }} </label>
                <input name="passwd2" type="password" class="form-control">
            </div>
        {% endif %}
        {%if config.IS_TOS_DEFINED %}
            <div class="col-sm-12 mt-sm-3">
                <input name="term_policy_check" type="checkbox" {% if session.tos_signed %} checked {% endif %} >
                {{ _("I have read the {a1start}Terms of service{a1end} and the {a2start}Privacy policy{a2end}.").format(a1start='<a href="/pages/' + config.TERMS_PAGE + '">', a1end='</a>', a2start='<a href="/pages/' + config.PRIVACY_PAGE + '">', a2end='</a>') | safe }}
            </div>
        {% endif %}
        <div class="col-sm-12"><br />
            <button type="submit" name="save" class="btn btn-primary btn-block"><i class="fa fa-save"></i> {{ _("Save my profile") }}</button>
        </div>
    </div>
</form>
<script>
    $("select[name=timezone]").selectize();
</script>
{% endblock %}