{% extends '@RxConnexion/Admin/content.html.twig' %}
{% block content %}
    <div class="row max-width-initial">
        <div class="small-12 columns">
            <div class="content-container has-loading">
                <div class="content-container-content hide">
                    <table class="display responsive" id="userType-datalist" width="100%">
                        <thead>
                        <tr>
                            <th>Type</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for userType in userTypes %}
                            {% if userType.description != 'Super Admin' %}
                                <tr>
                                    <td><a class="action-button-style" href="{{ path('user_access_form', {userType: userType.value}) }}">{{ userType.description }}</a></td>
                                </tr>
                            {% endif %}
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {% include '@RxConnexion/Admin/js.html.twig' %}
    <script>
        //<![CDATA[
        jQ(document).ready(function(){
            jQ('#userType-datalist').DataTable();
            jQ('.content-container').removeClass('has-loading');
            jQ('.content-container-content').removeClass('hide');
        });
        //]]>
    </script>
{% endblock %}