{# 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 %} {{ _("Delete my account") }} {% endblock %}

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

{% block content %}
<h2>{{ _("Delete my account") }}</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 %}

<form method="post" class="form-horizontal">
    <div class="row">
        <div class="col-sm-12">
            <label class="control-label">{{ _("To confirm, type your email address :") }} </label>
            <input name="delete_email" type="text" class="form-control">
        </div>
        <div class="col-sm-12"><br />
            <button type="button" data-toggle="modal" data-target="#delete_modal" class="btn btn-danger btn-block"><i class="fa fa-user-times"></i> {{ _("Delete my account") }}</button>
        </div>
    </div>
    <div id="delete_modal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ _("Delete my account") }}</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    {{ _("This will also delete all your data ! Are you really sure ?") }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ _("Cancel") }}</button>
                    <button type="submit" name="delete" class="btn btn-danger">{{ _("Delete my account") }}</button>
                </div>
            </div>
        </div>
    </div>
</form>
{% endblock %}