{% extends "static/base.html" %}
{% block content %}
<header class="container">
    <hgroup>
        <h1>{{ name }}</h1>
        <p>{{ description }}</p>
        <nav>
            <ul>
                <li><a href="/">🏠 Home</a></li>
                <li><a href="/docs">💻 API Documentation</a></li>
            </ul>
        </nav>
    </hgroup>
</header>
<main class="container">
    <article>
        <h2>Ready to log out?</h2>
        <p>You are currently logged in as <strong>{{ username }}</strong>.</p>
        <div class="button-group">
            <button class="primary" onclick="logout()">🚪 Logout</button>
            <button class="secondary" onclick="window.history.back()">🔙 Cancel</button>
        </div>
    </article>
</main>
{% endblock %}
{% block extra_scripts %}
<script src="/static/logout/event.js"></script>
{% endblock %}