{% extends "admin/users/index.html" %}
{% load i18n %}

{% block third_column %}
<form action="" method="post" accept-charset="utf-8" class="form-horizontal">
  {% csrf_token %}
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">{% trans "General" %}</a></li>
    <li><a href="#tab2" data-toggle="tab">{% trans "Permissions" %}</a></li>
    <li><a href="#tab3" data-toggle="tab">{% trans "Location" %}</a></li>
    <li><a href="#tab4" data-toggle="tab">{% trans "Profile" %}</a></li>
    <li><a href="#tab5" data-toggle="tab">{% trans "GSX" %}</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      {% include "form_field_snippet.html" with field=form.first_name %}
      {% include "form_field_snippet.html" with field=form.last_name %}
      {% include "form_field_snippet.html" with field=form.username %}
      {% include "form_field_snippet.html" with field=form.email %}
      {% include "form_field_snippet.html" with field=form.password1 %}
      {% include "form_field_snippet.html" with field=form.password2 %}
      {% include "form_field_snippet.html" with field=form.is_active %}
    </div>
    <div class="tab-pane" id="tab2">
      {% include "form_field_snippet.html" with field=form.groups %}
      {% include "form_field_snippet.html" with field=form.is_staff %}
      {% include "form_field_snippet.html" with field=form.customer %}
      <div class="control-group ">
        <label class="control-label">{% trans "API Tokens" %}</label>
        <div class="controls">
          <ul style="padding:5px">
          {% for t in user.get_tokens %}
            <li class="muted">{{ t.key }}<a href="{% url 'admin-delete_user_token' user.pk %}"><i class="icon-trash"></i></a></li>
          {% endfor %}
          </ul>
        {% if user.pk %}
          <a class="btn btn-default btn-small" href="{% url 'admin-create_user_token' user.pk %}">{% trans "New Token" %}</a>
        {% else %}
          <a class="btn btn-default btn-small disabled" href="#">{% trans "New Token" %}</a>
        {% endif %}
        </div>
      </div>
    </div>
    <div class="tab-pane" id="tab3">
      {% include "form_field_snippet.html" with field=form.location %}
      {% include "form_field_snippet.html" with field=form.locations %}
    </div>
    <div class="tab-pane" id="tab4">
      {% include "form_field_snippet.html" with field=form.locale %}
      {% include "form_field_snippet.html" with field=form.region %}
      {% include "form_field_snippet.html" with field=form.timezone %}
      {% include "form_field_snippet.html" with field=form.queues %}
    </div>
    <div class="tab-pane" id="tab5">
      {% include "form_field_snippet.html" with field=form.tech_id %}
      {% include "form_field_snippet.html" with field=form.gsx_userid %}
      {% include "form_field_snippet.html" with field=form.gsx_poprefix %}
    </div>
  </div>
  <div class="form-actions">
  {% if user.pk and can_delete %}
    <a href="{% url 'admin-delete_user' user.pk %}" class="btn btn-danger" data-modal="#modal">{% trans "Delete" %}</a>
  {% else %}
    <a href="#" class="btn btn-danger disabled">{% trans "Delete" %}</a>
  {% endif %}
    <button type="button" class="btn" onclick="javascript:history.back();">{% trans "Back" %}</button>
    <button type="submit" class="btn btn-primary">{% trans "Save" %}</button>
  </div>
</form>
{% endblock third_column %}