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

{% set title = 'ALDAP - Welcome to the toot.party auth center!' %}

{% block body %}
    <div class="container">
        <main class="panel">
            <h1>My account</h1>

            <p>Name: {{ user.name }}</p>

            <section class="sub-panel">
                <h2>Email addresses</h2>

                <table class="data-table">
                    <thead>
                    <tr>
                        <th>Type</th>
                        <th>Address</th>
                        <th>Actions</th>
                    </tr>
                    </thead>

                    <tbody>
                    {% for email in emails %}
                        {% if email.id == user.main_email_id %}
                            <tr>
                                <td>Main</td>
                                <td>{{ email.email }}</td>
                                <td></td>
                            </tr>
                        {% endif %}
                    {% endfor %}
                    {% for email in emails %}
                        {% if email.id != user.main_email_id %}
                            <tr>
                                <td>Secondary</td>
                                <td>{{ email.email }}</td>
                                <td class="actions">
                                    <form action="{{ route('set-main-email') }}" method="POST">
                                        <input type="hidden" name="id" value="{{ email.id }}">

                                        <button class="warning"
                                                onclick="return confirm('Are you sure you want to set {{ email.email }} as your main address?');">
                                            <i data-feather="refresh-ccw"></i> Set as main address
                                        </button>
                                        {{ macros.csrf(getCSRFToken) }}
                                    </form>

                                    <form action="{{ route('remove-email') }}" method="POST">
                                        <input type="hidden" name="id" value="{{ email.id }}">

                                        <button class="danger"
                                                onclick="return confirm('Are you sure you want to delete {{ email.email }}?');">
                                            <i data-feather="trash"></i> Remove
                                        </button>
                                        {{ macros.csrf(getCSRFToken) }}
                                    </form>
                                </td>
                            </tr>
                        {% endif %}
                    {% endfor %}
                    </tbody>
                </table>

                <form action="{{ route('add-recovery-email') }}" method="POST">
                    {{ macros.field(_locals, 'email', 'email', null, 'Choose a safe email address', 'An email we can use to identify you in case you lose access to your account', 'required') }}

                    <button type="submit">Add recovery email</button>

                    {{ macros.csrf(getCSRFToken) }}
                </form>
            </section>
        </main>
    </div>
{% endblock %}