{% extends "./master.njk" %}

{% block content %}    
<div id="app" class="w-full flex align-center" style="min-height: 100svh;">
    <div class="container relative mx-auto py-12 flex flex-col justify-center items-center gap-8">
        <!-- Login Dialoge -->
        <div class="flex flex-col w-full max-w-md p-6 gap-4 bg-white dark:bg-gray-800 dark:border dark:border-gray-700 rounded-lg shadow">
            <div class="flex flex-col gap-2">
                <div class="flex flex-col gap-4">
                    <h3 class="text-2xl text-gray-900 dark:text-white">
                        You have been logged out
                    </h3>
                </div>
            </div>
            <a href="/login" class="w-full px-5 py-3 text-sm text-center text-white bg-primary-600 hover:bg-primary-700 rounded-lg">Sign in</a>
        </div>
        <!-- / -->
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.1/dist/flowbite.min.js"></script>
{% endblock %}