{% extends "base_logged.html" %}
{% block page %}
<div id="page-wrapper">

<div class="row">
  <div class="col-lg-12">
    <h1>Modules <small>Servers</small></h1>
    <ol class="breadcrumb">
      <li><a href="{{ url_for('index') }}"><i class="fa fa-dashboard"></i> SaltPad</a></li>
      <li class="active"><i class="fa fa-check-square"></i> Server Display</li>
    </ol>
  </div>
</div><!-- /.row -->

<div class="row">
  <div class="col-lg-12">
    {% if not is_mnt %}
    <h1>Note: Server is maintained by someone else</h1>
    {% endif %}
    <h2>Server Roles</h2>
    <div class="table-responsive">
      <table class="table table-bordered table-hover tablesorter" id="roles">
        <thead>
          <tr>
            <th>Roles</th>
            {% if is_mnt %}
            <th>Remove</th>
            {% endif %}
          </tr>
        </thead>
        <tbody>
          {% for role in sroles %}
          <tr>
            <td><a href="{{ url_for('role_display',role=role) }}">{{ role }}</a></td>
            <td>
              {% if is_mnt %}
              <button type="button" onclick="remServerRole('{{ role}}');" class="btn btn-default">remove {{ role }}</button>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% if is_mnt %}
    <div>
      <select id="cmb_add_role">
        {% for role in aroles %}
        <option value="{{ role }}">{{ role }}</option>
        {% endfor %}
      </select>
      <button type="button" onclick="addServerRole();" class="btn btn-default">add role</button>
    </div>
    {% endif %}
  </div>
  </div>
</div><!-- /.row -->
{% endblock %}

{% block scripts %}
<script type="text/javascript">
var roles = [];
{% for role in roles %}
roles.push('{{role}}');
{% endfor %}
function addServerRole(){
  var txt = document.getElementById("cmb_add_role").value;
  window.location = "{{ url_for('server_add_role',server=server,role="")}}"+txt;
}
function remServerRole(role){
      window.location = "{{ url_for('server_rem_role',server=server,role="")}}"+role;
}
</script>
{% endblock %}