{% extends 'layouts/base.njk' %}

{% set title = app.name + ' - Review accounts' %}

{% block body %}
    <h1>Accounts pending review</h1>

    <div class="panel">
        <table class="data-table">
            <thead>
            <tr>
                <th class="shrink-col">#</th>
                <th>Name</th>
                <th>Main email</th>
                <th>Registered at</th>
                <th class="shrink-col">Action</th>
            </tr>
            </thead>
            <tbody>
            {% for user in accounts %}
                <tr>
                    <td>{{ user.id }}</td>
                    <td>{{ user.name }}</td>
                    <td>{{ user.mainEmail.getOrFail().email }}</td>
                    <td>{{ user.created_at.toISOString() }}</td>
                    <td>
                        <div class="max-content">
                            <a href="{{ route('approve-account', user.id) }}"
                               class="button success"><i data-feather="check"></i> Approve</a>

                            <a href="{{ route('reject-account', user.id) }}"
                               onclick="return confirm(`This will irrevocably delete the ${user.main_email} account.`)"
                               class="button danger"><i data-feather="x"></i> Reject</a>
                        </div>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}