{% extends 'base.html.twig' %}
  
{% block title %}User index{% endblock %}
  
{% block body %}
    <div class="container">
    {% if is_granted('ROLE_ADMIN') %}
        <h2 class="text-center mt-5 mb-3">User Manager</h2>
        <div class="card">
            <div class="card-header">
                
                    <a class="btn btn-outline-primary" href="{{ path('app_user_new') }}"> 
                        Create New User 
                    </a>
                
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <tr>
                        <th>Email</th>
                        <th>Roles</th>
                        <th>Date Created</th>
                        <th>Date Updated</th>
                        <th width="240px">Action</th>
                    </tr>
                    {% for user in users %}
                    <tr>
                        <td>{{ user.email }}</td>
                        <td>{% for role in user.roles %}
                              {{ role }}<br>
                        {% endfor %}</td>
                        <td>{{ user.createdAt ? user.createdAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>{{ user.updatedAt ? user.updatedAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>
                            <form method="post" action="{{ path('app_user_delete', {'id': user.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
                                <a
                                    class="btn btn-outline-info"
                                    href="{{ path('app_user_show', {'id': user.id}) }}">
                                    Show
                                </a>
                                <a
                                    class="btn btn-outline-success"
                                    href="{{ path('app_user_edit', {'id': user.id}) }}">
                                    Edit
                                </a>
  
                                <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ user.id) }}">
                                <button class="btn btn-outline-danger">Delete</button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </table>
            </div>
        </div>
    {% endif %}    
    </div>
  
{% endblock %}