{% extends 'base.html.twig' %}
{% block content %}
    <div class="container-fluid">
        <div class="card">
            <div class="card-header">
                <h3>User Accounts</h3>
            </div>
            <br>
            <div class="card-body">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <a href="{{ path('user_account_create') }}" class="btn btn-primary float-right">
                            <i class="asg-user-add"></i>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 pt-5">
                        <table id="users" class="table display table-striped">
                            <thead>
                            <tr>
                                <th class="all">First Name</th>
                                <th class="all">Last Name</th>
                                <th>Email</th>
                                <th>Last Login Date</th>
                                <th>Is Active</th>
                                <th>Roles</th>
                                <th>Edit</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for data in accounts %}
                                {% set permissions = data.permissions|length %}
                                <tr>
                                    <td>{{ data.firstName }}</td>
                                    <td>{{ data.lastName }}</td>
                                    <td>{{ data.emailAddress }}</td>
                                    <td>{{ data.lastLoginDate|date('d-m-Y') }}</td>
                                    <td>{{ data.enabled == 1 ? 'Yes':'No' }}</td>
                                    <td>{% for roles in data.accountRoles %}
                                            <a href="{{ path('user_account_role_permissions', {'user': data.id, 'role': roles.id}) }}">
                                            {{ roles.name }} ({{ permissions(roles, data.permissions) }})
                                            </a>
                                        {% endfor %}
                                    </td>
                                    <td><a href="{{ path('user_account_update', {'id': data.id}) }}" class="system-account-update">
                                            <i class="asg-edit"></i></a></td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
{% endblock %}

{% block scripts_post_body %}
    <script>
        $(document).ready(function () {
            $('.system-account-update').on('click', function (e) {
                e.preventDefault();
                let content = $(this).attr('href');
                window.customBootstrap(generateEntityModalForm(content, 'Manage Account' ,true, ''))
            })
        })
    </script>
{% endblock %}