{% extends '/tml/base.html' %}

{% block head %}
    <script type="text/javascript" src="/js/admin.js"></script>
{% endblock %}


{% block title %}{{ _("Administrate") }} - {{ super() }} {% endblock %}
{% block subtitle %}{{ _("Administrate") }}{% endblock %}

{% block content %}
    <div class="btn-group">
    <a href="#" id="quit-pyload" class="btn btn-default"><span class="glyphicon glyphicon-off"></span> {{_("Quit pyLoad")}}</a>
    <a href="#" id="restart-pyload" class="btn btn-default"><span class="glyphicon glyphicon-repeat"></span> {{_("Restart pyLoad")}}</a>
</div>
    <br>
    <br>

    {{ _("To add user or change passwords use:") }} <b>python pyLoadCore.py -u</b><br>
    {{ _("Important: Admin user have always all permissions!") }}
<br>
<br>
    <form action="" method="POST" >
        <table class="settable table" style="width:50%;">
            <thead>
            <th>
                {{ _("Name") }}
            </th>
            <th>
                {{ _("Change Password") }}
            </th>
            <th>
                {{ _("Admin") }}
            </th>
            <th>
                {{ _("Permissions") }}
            </th>
            </thead>

            {% for name, data in users.iteritems() %}
                <tr>
                    <td>{{ name }}</td>
                    <td><a class="change_password btn btn-default btn-xs" href="#" id="change_pw|{{name}}"><span class="glyphicon glyphicon-pencil"></span> {{ _("change") }}</a></td>
                    <td><input name="{{ name }}|admin" type="checkbox" {% if data.perms.admin %} checked="True" {% endif %}></td>
                    <td>
                        <select multiple="multiple" size="{{ permlist|length }}" name="{{ name }}|perms">
                            {% for perm in permlist %}
                            {% if data.perms|getitem(perm) %}
                                <option selected="selected">{{ perm }}</option>
                            {% else %}
                                <option>{{ perm }}</option>
                            {% endif %}
                            {% endfor %}
                        </select>
                    </td>
                </tr>
            {% endfor %}


        </table>

        <button class="btn btn-primary" type="submit">{{ _("Submit") }}</button>
    </form>
{% endblock %}
{% block hidden %}
    <div id="password_box" style="z-index: 2">
        <form id="password_form" class="from-group" action="/json/change_password" method="POST" enctype="multipart/form-data">
            <h3>{{ _("Change Password") }}</h3>
            <p>{{ _("Enter your current and desired Password.") }}</p>

<div class="form-group">
    <label for="user_login">{{ _("User") }}</label>
    <input class="form-control" id="user_login" name="user_login" type="text"/>
    <p class="help-block">{{ _("Your username.") }}</p>
  </div>
  <div class="form-group">
      <label for="login_current_password">{{ _("Current password") }}</label>
      <input class="form-control" id="login_current_password" name="login_current_password" type="password"/>
      <p class="help-block">{{ _("The password for this account.") }}</p>
  </div>
  <div class="form-group">
        <label for="login_new_password">{{ _("New password") }}</label>
        <input class="form-control" id="login_new_password" name="login_new_password" type="password"/>
        <p class="help-block">{{ _("The new password.") }}</p>
  </div>
  <div class="form-group">
        <label for="login_new_password2">{{ _("New password (repeat)") }}</label>
        <input class="form-control" id="login_new_password2" name="login_new_password2" type="password" />
        <p class="help-block">{{ _("Please repeat the new password.") }}</p>
  </div>



            <button class="btn btn-primary" id="login_password_button" type="submit" style="float: right">{{ _("Submit") }}</button>
            <button class="btn btn-default" id="login_password_reset" style="margin-right: 5px; float: right" type="reset">{{ _("Reset") }}</button>
            <div class="spacer"></div>
        </form>

    </div>
{% endblock %}