{% extends 'events/management/base.html' %}
{% from 'events/roles/_roles.html' import render_roles %}

{% block title %}{% trans %}Roles Setup{% endtrans %}{% endblock %}

{% block content %}
    <table class="i-table-widget multi-tbody" id="event-roles" data-search-token="{{ make_user_search_token() }}">
        {{ render_roles(roles) }}
    </table>
    <div class="toolbar f-j-end space-before">
        <button class="i-button highlight icon-plus hide-if-locked"
                data-href="{{ url_for('.add_role', event) }}"
                data-title="{% trans %}Add a new role{% endtrans %}"
                data-update="#event-roles"
                data-ajax-dialog>
            {% trans %}Add Role{% endtrans %}
        </button>
    </div>

    <script>
        setupRolesList();
    </script>
{% endblock %}
