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

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

{% block css %}
    <link href="static/css/default/admin.less" rel="stylesheet/less" type="text/css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="static/css/fontawesome.css" />
{% endblock %}

{% block require %}
{% endblock %}

{% block content %}
    <div class="container-fluid">
      <div class="row-fluid">
        <div id="userlist" class="span10">
            <div class="page-header">
                <h1>Admin Bereich
                <small>Userverwaltung, Systeminfos</small>
                    <a id="btn_newuser" class="btn btn-warning btn-large" type="button"><i class="iconf-plus-sign iconf-large "></i></a>
                </h1>
                

                
            </div>

            <div class="dropdown">        
                <span class="label name">User</span>
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="iconf-user iconf-8x"></i></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                    <li><a tabindex="-1" id="useredit" href="#" role="button" data-backdrop="true" data-controls-modal="event-modal" data-keyboard="true"><i class="icon-pencil"></i>Edit</a></li>
                    <li><a tabindex="-1" href="#"><i class="icon-tasks"></i>Statistik</a></li>
                    <li class="divider"></li>
                    <li><a tabindex="-1" href="#"><i class="icon-remove-sign"></i>Delete</a></li>
                </ul>
            </div>

            <div id="event-modal" class="modal hide fade">
                <div class="modal-header">
                    <a class="close" id="useredit_close" href="#">x</a>
                    <h3>User Settings</h3>
                </div>
                <div class="modal-body">
                    <p>Set password and permissions</p>
                    <table style="width:100%;" class="table ">
                        <td>
                            <div class="input-prepend">
                                <span class="add-on"><i class="iconf-key"></i></span>
                                <input class="span2" style="min-width:120px;" id="prependedInput" type="text" placeholder="New Password">
                            </div>
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-repeat"></i></span>
                                <input class="span2" style="min-width:120px;" id="prependedInput" type="text" placeholder="Repeat">
                            </div>
                            <br>
                            <br>
                            <br>
                            <form class="form-horizontal">
                                <div class="control-group">
                                    <label class="control-label" for="onoff">Administrator</label>

                                    <div class="controls">
                                        <div class="btn-group" id="onoff" data-toggle="buttons-radio">
                                            <button type="button" class="btn btn-primary" >On</button>
                                            <button type="button" class="btn btn-primary active">Off</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </td>
                        <td>
                            <div id="user_permissions">
                                <h3>Permissions</h3>
                                <div class="btn-group btn-group-vertical" data-toggle="buttons-checkbox">
                                    <button type="button" class="btn btn-inverse userperm">Accounts</button>
                                    <button type="button" class="btn btn-inverse userperm active">Add</button>
                                    <button type="button" class="btn btn-inverse userperm">Delete</button>
                                    <button type="button" class="btn btn-inverse userperm active">Download</button>
                                    <button type="button" class="btn btn-inverse userperm active">List</button>
                                    <button type="button" class="btn btn-inverse userperm">Logs</button>
                                    <button type="button" class="btn btn-inverse userperm">Modify</button>
                                    <button type="button" class="btn btn-inverse userperm">Settings</button>
                                    <button type="button" class="btn btn-inverse userperm active">Status</button>
                                </div>
                            </div>
                        </td>
                    </table>
                </div>
                <div class="modal-footer">
                    <a class="btn btn-primary" id="useredit_save"href="#">Save</a>
                    
                </div>
            </div>


    
        </div>

        <div class="span2">
            <br>
            <h2>Support</h2>
            <table>
                <tr>
                    <td>
                        <i class="icon-globe"></i>
                    </td>
                    <td>
                        <a href="#">Wiki |</a>
                        <a href="#">Forum |</a>
                        <a href="#">Chat</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <i class="icon-book"></i>
                    </td>
                    <td>
                        <a href="#">Documentation</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <i class="icon-fire"></i>
                    </td>
                    <td>
                        <a href="#">Development</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <i class="icon-bullhorn"></i>
                    </td>
                    <td>
                        <a href="#">Issue Tracker</a>
                    </td>
                </tr>
            </table>
            <br>
            <a href="#" class="btn btn-inverse" id="info" rel="popover"  data-content="<table class='table table-striped'>
                <tbody>
                    <tr>
                        <td>Python:</td>
                        <td>2.6.4 </td>
                    </tr>
                    <tr>
                        <td>Betriebssystem:</td>
                        <td>nt win32</td>
                    </tr>
                    <tr>
                        <td>pyLoad Version:</td>
                        <td>0.4.9</td>
                    </tr>
                    <tr>
                        <td>Installationsordner:</td>
                        <td>C:\pyLoad</td>
                    </tr>
                    <tr>
                        <td>Konfigurationsordner:</td>
                        <td>C:\Users\Marvin\pyload</td>
                    </tr>
                    <tr>
                        <td>Downloadordner:</td>
                        <td>C:\Users\Marvin\new</td>
                    </tr>
                    <tr>
                        <td>HDD:</td>
                        <td>1.67 TiB <div class='progress progress-striped active'>
  <div class='bar' style='width: 40%;'></div>
</div></td>
                    </tr>
                    <tr>
                        <td>Sprache:</td>
                        <td>de</td>
                    </tr>
                    <tr>
                        <td>Webinterface Port:</td>
                        <td>8000</td>
                    </tr>
                    <tr>
                        <td>Remote Interface Port:</td>
                        <td>7227</td>
                    </tr>
                </tbody>
            </table>" title="Systeminformationen">System</a>
            
        </div>
      </div>
    </div>
   
    <script src="static/js/libs/jquery-1.9.0.js"></script>
    {##}
    <script src="static/js/libs/bootstrap-2.2.2.js"></script>
    <script type="text/javascript">
        $('#info').popover({
            placement: 'left',
            trigger: 'click',
            html:'true',
        });
        
            $('.dropdown-toggle').dropdown();

            $("#btn_newuser").click(function() {
                 
                 str = "<div class='dropdown1'><span class='label name'>User</span><a class='dropdown-toggle' data-toggle='dropdown1' href='#'><i class='iconf-user iconf-8x'></i></a><ul class='dropdown-menu' role='menu' aria-labelledby='dropdownMenu'><li><a tabindex='-1' href='#'>Action</a></li><li><a tabindex='-1' href='#'>Another action</a></li><li><a tabindex='-1' href='#'>Something else here</a></li><li class='divider'></li><li><a tabindex='-1' href='#'>Separated link</a></li></ul></div>";

            $("#userlist").append(str);

            });

            $("#useredit").click(function() {
                $('#event-modal').modal();
            });
            $("#useredit_close").click(function() {
                $('#event-modal').modal('hide');
            });
            $("#useredit_save").click(function() {
                $('#event-modal').modal('hide');
            });

    </script>
{% endblock %}