{% extends "base.html" %}
{% comment %}
 * Copyright (c) 2016 Idiap Research Institute, http://www.idiap.ch/
 * Contact: beat.support@idiap.ch
 * 
 * This file is part of the beat.web module of the BEAT platform.
 * 
 * Commercial License Usage
 * Licensees holding valid commercial BEAT licenses may use this file in
 * accordance with the terms contained in a written agreement between you
 * and Idiap. For further information contact tto@idiap.ch
 * 
 * Alternatively, this file may be used under the terms of the GNU Affero
 * Public License version 3 as published by the Free Software and appearing
 * in the file LICENSE.AGPL included in the packaging of this file.
 * The BEAT platform is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
 * or FITNESS FOR A PARTICULAR PURPOSE.
 * 
 * You should have received a copy of the GNU Affero Public License along
 * with the BEAT platform. If not, see http://www.gnu.org/licenses/.
{% endcomment %}

{% load fingerprint %}
{% load ui_tags %}
{% load gravatar %}
{% load registration_tags %}

{% block title %}Settings for {{ request.user.first_name }} ({{ request.user.username }}){% endblock %}

{% block content %}
<div class="row">
  <div class="col-sm-6 col-sm-offset-3">
    {% with 48 as width %}
    <h3 class="page-title"><img class="img-circle" width="{{ width }}" height="{{ width }}" src="{{ request.user.email|gravatar_url }}?d=monsterid&r=pg&s={{ width }}" data-toggle="tooltip" data-placement="top" title="To change your avatar, visit http://gravatar.com"></img> Settings for user {{ request.user.first_name }} ({{ request.user.username }})</h3>
    {% endwith %}
  </div>
</div>

<div class="row">

  <div class="col-sm-4 col-sm-offset-1">
    <div class="panel panel-default">
      <div class="panel-heading"><i class="fa fa-envelope"></i> Notifications</div>
      <div class="panel-body">
        <p class="help">Use this form to adjust account settings.
        </p>

        <form method="post" action="" class="form">
          {% csrf_token %}

          <input type="hidden" name="settings" value="true">

          {% for account_settings_form in form.non_field_errors %}
          <div class="alert alert-danger" role="alert">{{ error }}</div>
          {% endfor %}

          <div class="checkbox{% if account_settings_form.daily_summary.errors %} has-error{% endif %}">
            <label for="id_daily_summary">
              {{ account_settings_form.daily_summary|tabindex:1 }} Send daily summaries

            </label>
            <p class="help">If set, an e-mail will be sent to you with your daily events.
            </p>
            {% for error in account_settings_form.daily_summary.errors %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
          </div>

          <div class="checkbox{% if account_settings_form.experiment_mail_notifications_enabled.errors %} has-error{% endif %}">
            <label for="id_experiment_mail_notifications_enabled">
              {{ account_settings_form.experiment_mail_notifications_enabled|tabindex:2 }} Experiment e-mail notifications
            </label>
            <p class="help">If set, an e-mail will be sent to you everytime an experiment finishes executing.
            </p>
            {% for error in account_settings_form.experiment_mail_notifications_enabled.errors %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
          </div>

          <div class="checkbox{% if account_settings_form.database_notifications_enabled.errors %} has-error{% endif %}">
            <label for="id_database_notifications_enabled">
              {{ account_settings_form.database_notifications_enabled|tabindex:2 }} New database e-mail notifications
            </label>
            <p class="help">If set, an e-mail will be sent to you when a new database is made accessible to you (low throughput expected).
            </p>
            {% for error in account_settings_form.database_notifications_enabled.errors %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
          </div>

          <div class="checkbox{% if account_settings_form.environment_notifications_enabled.errors %} has-error{% endif %}">
            <label for="id_environment_notifications_enabled">
              {{ account_settings_form.environment_notifications_enabled|tabindex:2 }} New processing environment e-mail notifications
            </label>
            <p class="help">If set, an e-mail will be sent to you when a new processing environment is made accessible to you (low throughput expected).
            </p>
            {% for error in account_settings_form.environment_notifications_enabled.errors %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
          </div>

          <div class="form-group">
            <button type="submit" class="btn btn-primary" tabindex="3"><i class="fa fa-save fa-fw fa-lg"></i> Save</button>
          </div>

        </form>
      </div>
    </div>
  </div><!-- col -->

  <div class="col-sm-3">

    <div class="panel panel-default">
      <div class="panel-heading"><i class="fa fa-key"></i> Modify password</div>
      <div class="panel-body">

        <form method="post" action="" class="form">
          {% csrf_token %}

          <input type="hidden" name="password" value="true">

          {% for password_change_form in form.non_field_errors %}
          <div class="alert alert-danger" role="alert">{{ error }}</div>
          {% endfor %}

          <div class="form-group{% if password_change_form.old_password.errors %} has-error{% endif %}">
            {{ password_change_form.old_password.label_tag }}
            {{ password_change_form.old_password|tabindex:4|addclass:"form-control" }}
            {% for error in password_change_form.old_password.errors %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
          </div>

          <div class="form-group{% if password_change_form.new_password1.errors %} has-error{% endif %}">
            {{ password_change_form.new_password1.label_tag }}
            {{ password_change_form.new_password1|tabindex:5|addclass:"form-control" }}
            {% for error in password_change_form.new_password1.errors %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
          </div>

          <div class="form-group{% if password_change_form.new_password2.errors %} has-error{% endif %}">
            {{ password_change_form.new_password2.label_tag }}
            {{ password_change_form.new_password2|tabindex:6|addclass:"form-control" }}
            {% for error in password_change_form.new_password2.errors %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
          </div>

          <div class="form-group">
            <button type="submit" class="btn btn-primary" tabindex="7"><i class="fa fa-refresh fa-fw fa-lg"></i> Modify</button>
          </div>

        </form>
      </div>
    </div>
  </div>

  <div class="col-sm-3">

    <div class="panel panel-default">
      <div class="panel-heading"><i class="fa fa-user-secret"></i> Show/Modify token</div>

      <div class="panel-body">
        <form id="token" method="post" action="" class="form">
          {% csrf_token %}
          <input type="hidden" name="token" value="true">
          <div class="form-group" style="text-align: center;">
            <button type="button" class="btn btn-success" onclick="BootstrapDialog.show({title: 'Secret token for {{ request.user.first_name }} ({{ request.user.username }})', message: '<p class=help> This token may be useful in standalone applications that need to talk to this web service programmatically.</p><p>{{ token }}</p>'});"><i class="fa fa-eye fa-fw fa-lg"></i> Show</button>
            <button id="modify_button" type="submit" class="btn btn-primary"><i class="fa fa-refresh fa-fw fa-lg"></i> Modify</button>
          </div>
        </form>
      </div>

    </div>

  </div>
</div>

<script type="text/javascript">
jQuery(document).ready(function() {
  $('form#token').submit(function(event) {
    confirm_form_submission(event, this, "Confirm token modification");
  });
});
</script>

{% endblock %}