{% extends "base.html" %}
{% from "macros/icons.html" import icon_lock %}

{% block title %}Access Denied - {{ network_name }}{% endblock %}

{% block content %}
<div class="flex flex-col items-center justify-center min-h-[50vh]">
    <div class="text-center">
        {{ icon_lock("h-24 w-24 mx-auto text-error opacity-50 mb-6") }}
        <h1 class="text-3xl font-bold mb-2">Access Denied</h1>
        <p class="text-lg opacity-70 mb-6">You don't have permission to access the admin area.</p>
        <p class="text-sm opacity-50 mb-8">Please contact the network administrator if you believe this is an error.</p>
        <div class="flex gap-4 justify-center">
            <a href="/" class="btn btn-primary">Return Home</a>
            <a href="/oauth2/sign_out" class="btn btn-outline">Sign Out</a>
        </div>
    </div>
</div>
{% endblock %}