{% extends 'admin/base.html.twig' %}

{% block body %}
    <div class="row align-items-center">
        <div class="col-10">
            <h1>Users</h1>
        </div>
    </div>

    <div class="row align-items-center alert alert-danger">
        <div class="col-12 text-center">
            <strong>WARNING! Resetting POI or POA will completely erase the current verification status (and photos).</strong>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            {{ form_start(form) }}
            {{ form_end(form) }}
            <table class="table table-striped text-center" id="users">
                <thead class="thead-dark">
                <tr>
                    <th>Name</th>
                    <th>Phone Number</th>
                    <th>Email</th>
                    <th>POI accepted</th>
                    <th>CHID</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                </tr>
                </thead>
                <tbody>
                {% for user in users %}
                    <tr>
                        <td>{{ user.fullName }}</td>
                        <td>{{ user.phoneNumber }}</td>
                        <td>{{ user.email | default('Not available') }}</td>
                        <td class="align-middle">
                            {% if not user.hasVerification %}
                                Not started
                            {% else %}
                                {% if user.verification.isAccepted %}
                                    Accepted
                                    <br>
                                    <a href="{{ url('admin_users_reset_verification', {userId: user.id}) }}" class="confirm btn btn-sm btn-info">
                                        Reset user verification
                                    </a>
                                {% elseif user.verification.isRejectedPermanently %}
                                    Rejected permanently
                                    <br>
                                    <a href="{{ url('admin_users_reset_verification', {userId: user.id}) }}" class="confirm btn btn-sm btn-info">
                                        Reset user verification
                                    </a>
                                {% elseif user.verification.isRejected %}
                                    Rejected
                                    <br>
                                    <a href="{{ url('admin_users_accept_verification', {userId: user.id}) }}" class="confirm btn btn-sm btn-success" title="Confirm">
                                        ✓
                                    </a>
                                {% else %}
                                    Pending
                                    <br>
                                    <a href="{{ url('admin_users_accept_verification', {userId: user.id}) }}" class="confirm btn btn-sm btn-success" title="Confirm">
                                        ✓
                                    </a>
                                    <a href="{{ url('admin_users_reject_verification', {userId: user.id}) }}" class="confirm btn btn-sm btn-danger" title="Reject">
                                        ✗
                                    </a>
                                {% endif %}
                            {% endif %}
                        </td>
                        <td>{{ user.cardIdentifier }}</td>
                        <td style="vertical-align: middle;">
                            <a href="{{ url('admin_users_jars_list', {'userId': user.id}) }}">Jars List</a>
                        </td>
                        <td style="vertical-align: middle;">
                            <div class="btn-group">
                                <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Actions
                                </button>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item" href="{{ url('admin_users_user_email_update', {'userId': user.id}) }}">Update email</a>
                                    <a class="dropdown-item" href="{{ url('admin_users_user_phone_number_update', {'userId': user.id}) }}">Update phone</a>
                                    <a class="dropdown-item" href="{{ url('admin_users_user_address_update', {'userId': user.id}) }}">Update address</a>

                                    <div class="dropdown-divider"></div>

                                    <a href="{{ url('admin_users_reset_pin', {'userId': user.id}) }}" class="confirm dropdown-item text-success">Reset PIN</a>

                                    <div class="dropdown-divider"></div>

                                    {% if user.isSuspended %}
                                        <a href="{{ url('admin_users_restore', {'userId': user.id}) }}" class="confirm dropdown-item">Restore</a>
                                    {% else %}
                                        <a href="{{ url('admin_users_suspend', {'userId': user.id}) }}" class="confirm dropdown-item">Suspend</a>
                                    {% endif %}

                                    {% if user.isHidden %}
                                        <a href="{{ url('admin_users_show', {'userId': user.id}) }}" class="confirm dropdown-item">Show</a>
                                    {% else %}
                                        <a href="{{ url('admin_users_hide', {'userId': user.id}) }}" class="confirm dropdown-item">Hide</a>
                                    {% endif %}

                                    <div class="dropdown-divider"></div>

                                    <a href="{{ url('admin_users_delete', {'userId': user.id}) }}" class="delete dropdown-item bg-danger text-white">Close</a>
                                </div>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="7" class="text-center">No users</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-end">
                <nav>
                    <ul class="pagination">
                        {% if currentPage is defined and currentPage - 1 != 0 %}
                            <li class="page-item"><a class="page-link" href="{{ url('admin_users_index', {'page': currentPage - 1}) }}">Previous page</a></li>
                        {% endif %}
                        {% if currentPage is defined %}
                            <li class="page-item"><a class="page-link" href="#">{{ currentPage }}</a></li>
                        {% endif %}
                        {% if hasMorePages is defined and hasMorePages > 0 %}
                            <li class="page-item"><a class="page-link" href="{{ url('admin_users_index', {'page': nextPageNumber}) }}">Next page</a></li>
                        {% endif %}
                    </ul>
                </nav>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        confirmAction(
            '.delete',
            'DELETE',
            'Are you sure you want to close this account? This action cannot be reverted.'
        );
        confirmAction('.confirm', 'POST', 'Are you sure?');
    </script>
{% endblock %}