{% extends ../base.html %}

{% block meta %}
{% end %}

{% block title %}Crafty Controller - {{ translate('rolesConfig', 'pageTitle', data['lang']) }}{% end %}

{% block content %}

<div class="content-wrapper">

    <!-- Page Title Header Starts-->
  <div class="row page-title-header">
    <div class="col-12">
      <div class="page-header">
        {% if data['new_role'] %}
          <h4 class="page-title">
            {{ translate('rolesConfig', 'pageTitleNew', data['lang']) }}
              <br />
              <small>RID: N/A</small>
          </h4>
        {% else %}
          <h4 class="page-title">
            {{ translate('rolesConfig', 'pageTitle', data['lang']) }} - {{ data['role']['role_name'] }}
              <br />
              <small>RID: {{ data['role']['role_id'] }}</small>
          </h4>
        {% end %}
      </div>
    </div>

  </div>
  <!-- Page Title Header Ends-->

  <div class="row">

    <div class="col-sm-12 grid-margin">
      <div class="card">
        <div class="card-body  pt-0">
            <ul class="nav nav-tabs col-md-12 tab-simple-styled " role="tablist">
              <li class="nav-item">
                <a class="nav-link active" href="/panel/edit_role?id={{ data['role']['role_id'] }}&subpage=config" role="tab" aria-selected="true">
                  <i class="fas fa-cogs"></i>{{ translate('rolesConfig', 'config', data['lang']) }}</a>
              </li>
              <!-- <li class="nav-item">
                <a class="nav-link" href="/panel/edit_role?id={{ data['role']['role_id'] }}&subpage=other" role="tab" aria-selected="false">
                  <i class="fas fa-folder-tree"></i>Other</a>
              </li> -->
            </ul>
            <div class="row">
                <div class="col-md-6 col-sm-12">
                  {% if data['new_role'] %}
                    <form class="forms-sample" method="post" action="/panel/add_role">
                  {% else %}
                    <form class="forms-sample" method="post" action="/panel/edit_role">
                  {% end %}
                      {% raw xsrf_form_html() %}
                      <input type="hidden" name="id" value="{{ data['role']['role_id'] }}">
                      <input type="hidden" name="subpage" value="config">

                      <div class="card">
                        <div class="card-header header-sm d-flex justify-content-between align-items-center">
                          <h4 class="card-title"><i class="fas fa-user-tag"></i> {{ translate('rolesConfig', 'roleTitle', data['lang']) }}</h4>
                        </div>
                        <div class="card-body">
                          <div class="form-group">
                            <label for="role_name">{{ translate('rolesConfig', 'roleName', data['lang']) }} <small class="text-muted ml-1"> - {{ translate('rolesConfig', 'roleDesc', data['lang']) }}</small> </label>
                            <input type="text" class="form-control" name="role_name" id="role_name" value="{{ data['role']['role_name']  }}" placeholder="Role Name" >
                          </div>
                        </div>
                      </div>

                      <div class="card">
                        <div class="card-header header-sm d-flex justify-content-between align-items-center">
                          <h4 class="card-title"><i class="fas fa-server"></i> {{ translate('rolesConfig', 'roleServers', data['lang']) }}  <small class="text-muted ml-1"> {{ translate('rolesConfig', 'serversDesc', data['lang']) }}</small> </h4>
                        </div>
                        <div class="card-body">
                          <div class="form-group">
                            <div class="table-responsive">
                              <table class="table table-hover">
                                <thead>
                                  <tr class="rounded">
                                    <th>{{ translate('rolesConfig', 'serverName', data['lang']) }}</th>
                                    <th>{{ translate('rolesConfig', 'serverAccess', data['lang']) }}</th>
                                  </tr>
                                </thead>
                                <tbody>
                                {% for server in data['servers_all'] %}
                                  <tr>
                                    <td>{{ server['server_name'] }}</td>
                                    <td>
                                      {% if server['server_id'] in data['role']['servers'] %}
                                        <input type="checkbox" class="" id="server_{{ server['server_id'] }}_access" name="server_{{ server['server_id'] }}_access" checked="" value="1">
                                      {% else %}
                                        <input type="checkbox" class="" id="server_{{ server['server_id'] }}_access" name="server_{{ server['server_id'] }}_access" value="1">
                                      {% end %}
                                    </td>
                                  </tr>
                                {% end %}

                                </tbody>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="card">
                        <div class="card-header header-sm d-flex justify-content-between align-items-center">
                          <h4 class="card-title"><i class="fas fa-user-lock"></i> {{ translate('rolesConfig', 'rolePerms', data['lang']) }}<small class="text-muted ml-1"> - {{ translate('rolesConfig', 'permsServer', data['lang']) }} </small></h4>
                        </div>
                        <div class="card-body">
                          <div class="form-group">
                            <div class="table-responsive">
                              <table class="table table-hover">
                                <thead>
                                  <tr class="rounded">
                                    <th>{{ translate('rolesConfig', 'permName', data['lang']) }}</th>
                                    <th>{{ translate('rolesConfig', 'permAccess', data['lang']) }}</th>
                                  </tr>
                                </thead>
                                <tbody>
                                {% for permission in data['permissions_all'] %}
                                  <tr>
                                    <td>{{ permission.name }}</td>
                                    <td>
                                      {% if permission in data['permissions_list'] %}
                                        <input type="checkbox" class="" id="permission_{{ permission.name }}" name="permission_{{ permission.name }}" checked="" value="1">
                                      {% else %}
                                        <input type="checkbox" class="" id="permission_{{ permission.name }}" name="permission_{{ permission.name }}" value="1">
                                      {% end %}
                                    </td>
                                  </tr>
                                {% end %}

                                </tbody>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>

                      <button type="submit" class="btn btn-success mr-2"><i class="fas fa-save"></i> {{ translate('panelConfig', 'save', data['lang']) }}</button>
                      <button type="reset" onclick="location.href='/panel/panel_config'" class="btn btn-light"><i class="fas fa-undo-alt"></i> {{ translate('panelConfig', 'cancel', data['lang']) }}</button>
                    </form>

                </div>
                <div class="col-md-3 col-sm-12">
                  <div class="card">
                    <div class="card-header header-sm d-flex justify-content-between align-items-center">
                      <h4  class="card-title"><i class="fas fa-users"></i> {{ translate('rolesConfig', 'roleUsers', data['lang']) }}</h4>
                    </div>
                    <div class="card-body">
                      <div class="table-responsive">
                        <table class="table table-hover">
                          <thead>
                            <tr class="rounded">
                              <th>{{ translate('rolesConfig', 'roleUserName', data['lang']) }}</th>
                              <th></th>
                            </tr>
                          </thead>
                          <tbody>
                          {% for user in data['users'] %}
                            {% for ruser in data['user-roles'][user.user_id] %}
                              {% if ruser == data['role']['role_name'] %}
                                <tr>
                                  <td>{{ user.username }}</td>
                                  <td>
                                    <a href="/panel/edit_user?id={{user.user_id}}"><i class="fas fa-user-edit"></i></a>
                                  </td>
                                </tr>
                              {% end %}
                            {% end %}
                          {% end %}
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                  <br>
              </div>
                <div class="col-md-3 col-sm-12">
                  <div class="card">
                    <div class="card-body">
                      <h4 class="card-title">{{ translate('rolesConfig', 'roleConfigArea', data['lang']) }}</h4>
                      <p class="card-description"> {{ translate('rolesConfig', 'configDesc', data['lang']) }}</p>
                      <blockquote class="blockquote">
                        <p class="mb-0">
                          {{ translate('rolesConfig', 'created', data['lang']) }} {{ str(data['role']['created']) }}
                            <br />
                            {{ translate('rolesConfig', 'configUpdate', data['lang']) }} {{ str(data['role']['last_update']) }}
                            <br />
                        </p>
                      </blockquote>
                      <div class="text-center">
                        {% if data['new_role'] %}
                          <a class="btn btn-sm btn-danger disabled"><i class="fas fa-trash"></i>{{ translate('rolesConfig', 'delRole', data['lang']) }}</a><br />
                          <small>{{ translate('rolesConfig', 'doesNotExist', data['lang']) }}</small>
                        {% else %}
                          <a href="/panel/remove_role?id={{ data['role']['role_id'] }}" class="btn btn-sm btn-danger"><i class="fas fa-trash"></i>{{ translate('rolesConfig', 'delRole', data['lang']) }}</a>
                        {% end %}
                    </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
      </div>
    </div>
  </div>



</div>
<!-- content-wrapper ends -->

{% end %}

{% block js %}
<script>


    //used to get cookies from browser - this is part of tornados xsrf protection - it's for extra security
    function getCookie(name) {
        var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
        return r ? r[1] : undefined;
    }

    $( document ).ready(function() {
        console.log( "ready!" );
    });


</script>

{% end %}