{% extends "base.html" %}

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

{% block content %}
<div class="flex flex-col items-center justify-center min-h-[50vh]">
    <div class="text-center">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-24 w-24 mx-auto text-error opacity-50 mb-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
        </svg>
        <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 %}