{% extends 'base.html.twig' %}
{% block title %}Pending Access - ServerControl{% endblock %}

{% block body %}
<div class="row justify-content-center mt-5">
    <div class="col-md-5 col-lg-4 text-center">
        <div class="card p-4">
            <div class="mb-3">
                <i class="bi bi-hourglass-split text-warning" style="font-size: 3rem;"></i>
            </div>
            <h4 class="mb-2">Access pending</h4>
            <p class="text-muted mb-4">
                Your account <strong>{{ app.user.email }}</strong> has been created but does not yet have access to ServerControl.
                An administrator needs to assign you the <span class="badge bg-primary">OPERATOR</span> or
                <span class="badge bg-danger">ADMIN</span> role.
            </p>
            <hr>
            <p class="text-muted small mb-3">Already been granted access? Log out and back in to refresh your session.</p>
            <div class="d-flex gap-2 justify-content-center">
                <a href="{{ path('app_logout') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="bi bi-arrow-repeat me-1"></i>Refresh session
                </a>
                <a href="{{ path('app_logout') }}" class="btn btn-outline-danger btn-sm">
                    <i class="bi bi-box-arrow-right me-1"></i>Logout
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}