{% extends 'dlux/base.html' %}
{% block title %}{{ DLUX_STRINGS.session_ended_title }}{% endblock %}
{% block titlebar %}{% endblock %}

{% block layout %}
<main class="d-flex flex-column justify-content-center align-items-center min-vh-100 p-4 text-center dlux-session-ended">
    <div class="card border-0 shadow-sm p-4 p-md-5 dlux-session-ended__card">
        <div class="mb-3">
            <i class="bi bi-box-arrow-right text-primary dlux-session-ended__icon"></i>
        </div>
        <h1 class="h4 mb-2">{{ DLUX_STRINGS.session_ended_title }}</h1>
        <p class="text-muted mb-4">
            {% if reason == 'signed_in_elsewhere' %}
                {{ DLUX_STRINGS.session_ended_elsewhere }}
            {% elif reason == 'signed_out_remotely' %}
                {{ DLUX_STRINGS.session_ended_remote }}
            {% else %}
                {{ DLUX_STRINGS.session_ended_generic }}
            {% endif %}
        </p>
        <a class="btn btn-primary btn-lg rounded-pill" href="{{ home_target }}">
            {% if target_is_login %}
                {{ DLUX_STRINGS.session_ended_login }}
            {% else %}
                {{ DLUX_STRINGS.session_ended_home }}
            {% endif %}
        </a>
    </div>
</main>
{% endblock %}