{% extends "plugins/accounts-admin/templates/partials/base.html" %}

{% block content %}
    {% if (accounts_list | length > 0) %}
        <table class="table">
            <thead>
                <tr>
                    <th></th>
                    <th>
                        {{ tr('accounts_admin_email') }}
                    </th>
                    <th>
                        {{ tr('accounts_admin_roles') }}
                    </th>
                    <th>
                        {{ tr('accounts_admin_state') }}
                    </th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for account in accounts_list %}
                    <tr>
                        <td class="w-1 text-center">
                            <i class="icon">{{ icon('user', 'fontawesome|solid') }}</i>
                        </td>
                        <td class="pl-0">
                            <a href="{{ urlFor('admin.accounts.edit') }}?email={{ account.email }}">{{ account.email }}</a>
                        </td>
                        <td>
                            {{ account.roles }}
                        </td>
                        <td>
                            {{ account.state }}
                        </td>
                        <td class="text-right">
                            <button type="button" class="js-dropdown-btn" data-dropdown="dropdown-{{ account.email }}">
                                <i class="icon">{{ icon('ellipsis-h', 'fontawesome|solid') }}</i>
                            </button>
                            <div id="dropdown-{{ account.email }}" class="dropdown">
                                <a class="dropdown__item" href="{{ urlFor('admin.accounts.edit') }}?email={{ account.email }}">
                                    <i class="icon icon--white mr-3">{{ icon('edit', 'fontawesome|solid') }}</i>
                                    {{ tr('accounts_admin_edit') }}</a>
                                {% if flextype.acl.getUserLoggedInEmail() != account.email %}
                                    <div class="dropdown__divider"></div>
                                    <a class="dropdown__item" href="javascript:;" onclick="event.preventDefault(); deleteAccount('{{ account.email }}', {{ loop.index0 }});">
                                        <i class="icon icon--white mr-3">{{ icon('trash-alt', 'fontawesome|solid') }}</i>
                                        {{ tr('accounts_admin_delete') }}</a>
                                    <form id="delete-account-email-{{ account.email }}" action="{{ urlFor('admin.accounts.deleteProcess') }}" method="POST" style="display: none;">
                                        {{ csrf() }}
                                        <input type="hidden" name="account-email" value="{{ account.email }}">
                                    </form>
                                {% endif %}
                            </div>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% else %}
        <div class="text-center flex justify-center items-center h-full">
            <div>
                <i class="icon icon--4xl">{{ icon('users', 'fontawesome|solid') }}</i>
                <h3 class="text-2xl pt-4 pb-8">{{ tr('accounts_admin_you_have_no_acccounts') }}</h3>
            </div>
        </div>
    {% endif %}
{% endblock %}


{% block tail %}
    <script>
        function deleteAccount(email, row_num) {
            if (dropdown[row_num]) {
                dropdown[row_num].hide();
            }
            Swal.fire(
                {title: "{{ tr('accounts_admin_confirmation_required') }}", text: "{{ tr('accounts_admin_confirmation_required_for_account_delete') }}", showCancelButton: true, confirmButtonText: "{{ tr('admin_yes_iam_sure')|raw }}", cancelButtonText: "{{ tr('admin_cancel') }}", reverseButtons: true}
            ).then((result) => {
                if (result.value) {
                    document.getElementById('delete-account-email-' + email).submit();
                }
            });
        }
    </script>
{% endblock %}