{% extends "base.html" %}

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

{% block content %}
<div class="min-h-[60vh] flex items-center justify-center px-4">
    <div class="text-center max-w-md">
        <p class="text-6xl font-bold text-red-600">403</p>
        <h1 class="mt-4 text-3xl font-bold text-gray-900">Access Denied</h1>
        <p class="mt-4 text-gray-600">
            Sorry, you don't have permission to access this page. This area is restricted to administrators and moderators.
        </p>
        <div class="mt-8 flex flex-col sm:flex-row items-center justify-center gap-4">
            <a href="{{ url_for('web.dashboard') }}"
               class="w-full sm:w-auto inline-flex justify-center items-center px-6 py-3 text-base font-medium text-white bg-indigo-600 rounded-md hover:bg-indigo-700">
                Go to Dashboard
            </a>
            <a href="{{ url_for('web.home') }}"
               class="w-full sm:w-auto inline-flex justify-center items-center px-6 py-3 text-base font-medium text-gray-700 border border-gray-300 rounded-md hover:bg-gray-50">
                Go Home
            </a>
        </div>
    </div>
</div>
{% endblock %}