{% extends "crud/list.html" %}
{% from "macros/list.html" import filter_text %}

{% set entity_name = 'User' %}

{% block page_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='eportal-css/crud/base.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='eportal-css/crud/users.css') }}">
{% endblock %}

{% block filters_section %}
<div class="collapse" id="filterCollapse">
    <div class="panel panel-default filter-panel">
        <div class="panel-heading">
            <strong>Filters</strong>
        </div>
        <div class="panel-body">
            {{ filter_text('filter-username', 'Username') }}
            <div class="filter-group filter-actions">
                <button id="btn-clear-filters" type="button" class="btn btn-default btn-sm">Clear Filters</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block table_content %}
<table id="users-table" class="table table-striped table-bordered crud-table crud-truncate users-table"
       data-user-details-url="{{ url_for('admin_crud.users_update_form', user_id=0) | replace('/0', '/__ID__') }}"
       data-api-url="{{ url_for('admin_data.users_api') }}"
       data-delete-api-url="{{ url_for('admin_crud.users_delete', user_id=0) | replace('/0', '/__ID__') }}"
       data-mass-delete-url="{{ url_for('admin_data.users_mass_delete') }}">
    <thead>
        <tr>
            <th class="col-checkbox"></th>
            <th class="col-username">Username</th>
            <th class="col-description">Description</th>
            <th class="col-readonly">Role</th>
            <th class="col-actions"></th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
{% endblock %}

{% block page_scripts %}
<script src="{{ url_for('static', filename='eportal-js/crud/delete-confirm.js') }}"></script>
<script src="{{ url_for('static', filename='eportal-js/crud/users.js') }}"></script>
{% endblock %}