{% extends "base_page.html" %}
{% block content %}

<style>
    .card {
        text-align: left;
        margin-bottom: 20px;
    }
</style>

<div class="alert alert-success" role="alert">
    Login successful
</div>

<div class="card">
    <div class="card-body">
        <h5 class="card-title">Token response</h5>
        <pre class="card-text">{{ token }}</pre>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <h5 class="card-title">User info</h5>
        <pre class="card-text">{{ user_info }}</pre>
    </div>
</div>

<a class="btn btn-primary" href="/start" role="button">Start again</a>
{% endblock content %}