{% extends '@mio/settings/master.twig' %}
{% from '@mio/macros.twig' import pagination %}

{% block settings_content %}
    <div class="settings__description">
        <p>These are all the login attempts to your account. If any attempt that you don't recognise is marked as successful your account may be compromised, ask a staff member for advice in this case.</p>
    </div>

    <div class="settings__login-history">
        {% for attempt in user_login_attempts %}
            <div class="settings__login-history__entry" id="attempt-{{ attempt.attempt_id }}">
                <div class="settings__login-history__column settings__login-history__column--ip">
                    <div class="settings__login-history__column__name">
                        IP
                    </div>
                    <div class="settings__login-history__column__value">
                        {{ attempt.attempt_ip_decoded }}
                        {% if attempt.attempt_country != 'XX' %}
                            <img class="settings__login-history__country" src="https://static.flash.moe/flags/fff/{{ attempt.attempt_country|lower }}.png" alt="{{ attempt.attempt_country }}" title="{{ attempt.attempt_country|country_name }}">
                        {% endif %}
                    </div>
                </div>

                <div class="settings__login-history__column settings__login-history__column--success">
                    <div class="settings__login-history__column__name">
                        Was Successful?
                    </div>
                    <div class="settings__login-history__column__value settings__login-history__column__value--{{ attempt.was_successful ? 'successful' : 'failed' }}">
                        {{ attempt.was_successful ? 'Yes' : 'No' }}
                    </div>
                </div>

                <div class="settings__login-history__column settings__login-history__column--created" title="{{ attempt.created_at|date('r') }}">
                    <div class="settings__login-history__column__name">
                        Attempted
                    </div>
                    <time class="settings__login-history__column__value" datetime="{{ attempt.created_at|date('c') }}">
                        {{ attempt.created_at|time_diff }}
                    </time>
                </div>

                {% if attempt.user_agent|length > 0 %}
                    <div class="settings__login-history__column settings__login-history__column--user_agent">
                        <div class="settings__login-history__column__name">
                            User Agent
                        </div>
                        <div class="settings__login-history__column__value">
                            {{ attempt.user_agent }}
                        </div>
                    </div>
                {% endif %}
            </div>
        {% endfor %}

        {{ pagination(login_attempts_count, login_attempts_take, login_attempts_offset, '?m=login-history', 'settings__') }}
    </div>
{% endblock %}