<!DOCTYPE html>
<html>
  <head>
    <title>Manage Administrators</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/layouts/core.min.css?<%%=cacheBreaker%%>">
    <link rel="stylesheet" href="/layouts/admin.min.css?<%%=cacheBreaker%%>">
    <link rel="stylesheet" href="/views/admin/administrators/index.min.css?<%%=cacheBreaker%%>">
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header"><a href="/admin/" class="navbar-brand"><img src="/media/logo-symbol-64x64.png" alt="Logo" class="navbar-logo"><span class="navbar-brand-label"></span></a>
          <button data-toggle="collapse" data-target=".my-navbar-collapse" class="navbar-toggle collapsed"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
        </div>
        <div class="navbar-collapse my-navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">System&nbsp;<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li class="dropdown-header">Pivoted Settings</li>
                <li><a href="/admin/statuses/">Statuses</a></li>
                <li><a href="/admin/categories/">Categories</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">User Admin</li>
                <li><a href="/admin/users/">Users</a></li>
                <li><a href="/admin/accounts/">Accounts</a></li>
                <li><a href="/admin/administrators/">Administrators</a></li>
                <li><a href="/admin/admin-groups/">Admin Groups</a></li>
              </ul>
            </li>
          </ul>
          <form id="_search" class="navbar-form pull-right"></form>
        </div>
      </div>
    </div>
    <div class="page">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <div id="header"></div>
            <div id="filters"></div>
            <div id="results-table"></div>
            <div id="results-paging"></div>
          </div>
        </div>
        <script type="text/template" id="tmpl-header">
          <div class="page-header">
            <form class="form-inline pull-right">
              <div class="input-group">
                <input name="name" type="text" placeholder="enter a name" value="<%= name.full %>" class="form-control">
                <button type="button" class="btn btn-primary btn-add">Add New</button>
              </div>
            </form>
            <h1>Administrators</h1>
          </div>
        </script>
        <script type="text/template" id="tmpl-filters">
          <form class="filters">
            <div class="row">
              <div class="col-sm-3">
                <label>Name Search</label>
                <input name="search" type="text" class="form-control">
              </div>
              <div class="col-sm-3">
                <label>Sort By</label>
                <select name="sort" class="form-control">
                  <option value="_id">id &#9650;</option>
                  <option value="-_id">id &#9660;</option>
                  <option value="name">name &#9650;</option>
                  <option value="-name">name &#9660;</option>
                </select>
              </div>
              <div class="col-sm-3">
                <label>Limit</label>
                <select name="limit" class="form-control">
                  <option value="10">10 items</option>
                  <option value="20" selected="selected">20 items</option>
                  <option value="50">50 items</option>
                  <option value="100">100 items</option>
                </select>
              </div>
            </div>
          </form>
        </script>
        <script type="text/template" id="tmpl-results-table">
          <table class="table table-striped">
            <thead>
              <tr>
                <th></th>
                <th class="stretch">name</th>
                <th>id</th>
              </tr>
            </thead>
            <tbody id="results-rows"></tbody>
          </table>
        </script>
        <script type="text/template" id="tmpl-results-row">
          <td>
            <input type="button" value="Edit" class="btn btn-default btn-sm btn-details">
          </td>
          <td class="nowrap"><%- name.full %></td>
          <td><%= _id %></td>
        </script>
        <script type="text/template" id="tmpl-results-empty-row">
          <tr>
            <td colspan="3">no documents matched</td>
          </tr>
        </script>
        <script type="text/template" id="tmpl-results-paging">
          <div class="well">
            <div class="btn-group pull-left">
              <button disabled class="btn btn-default">Page <%= pages.current %> of <%= pages.total %></button>
              <button disabled class="btn btn-default">Rows <%= items.begin %> - <%= items.end %> of <%= items.total %></button>
            </div>
            <div class="btn-group pull-right">
              <button data-page="<%= pages.prev %>" class="btn btn-default btn-page btn-prev">Prev</button>
              <button data-page="<%= pages.next %>" class="btn btn-default btn-page btn-next"> Next</button>
            </div>
            <div class="clearfix"></div>
          </div>
        </script>
        <script type="text/template" id="data-results">
          <%%=data.results%%>
        </script>
      </div>
    </div>
    <div class="footer">
      <div class="container">
        <div class="inner"><span class="copyright pull-right">&#169; <%%-copyrightYear%%> <%%-copyrightName%%></span>
          <ul class="links">
            <li><a href="/">Home</a></li>
            <li><a href="/logout/">Sign Out</a></li>
          </ul>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
    <div class="ajax-spinner"><img src="/media/ajax-pulse.gif" alt="Loading"></div>
    <script type="text/template" id="tmpl-_search">
      <div class="dropdown">
        <input name="_search" type="text" placeholder="search" tab-index="1" class="form-control">
        <ul id="_search-results-rows" class="dropdown-menu"></ul>
      </div>
    </script>
    <script type="text/template" id="tmpl-_search-results-row">
      <% if (type && type == 'header') { %>
      <%- name %>
      <% } else { %><a href="<%= url %>"><%- name %></a><% } %>
    </script>
    <script type="text/template" id="tmpl-_search-results-empty-row">
      <li class="dropdown-header">no docs matched</li>
    </script>
    <!--if lte IE 9script(src='/layouts/ie-sucks.min.js?<%%=cacheBreaker%%>')
    -->
    <script src="/layouts/core.min.js?<%%=cacheBreaker%%>"></script>
    <script src="/layouts/admin.min.js?<%%=cacheBreaker%%>"></script>
    <script src="/views/admin/administrators/index.min.js?<%%=cacheBreaker%%>"></script>
  </body>
</html>
