<?php
ob_start();
?>

<div class="container my-5">
    <div class="row justify-content-center">
        <div class="col-md-8 col-lg-6 text-center">
            <div class="error-page">
                <div class="error-code">
                    <h1 class="display-1 fw-bold text-danger">403</h1>
                </div>
                <div class="error-message mt-4">
                    <h2 class="h4 mb-3">Acesso negado</h2>
                    <p class="text-muted mb-4">
                        Você não tem permissão para acessar esta página ou executar esta ação.
                    </p>
                    <div class="error-actions">
                        <a href="<?= url('/dashboard') ?>" class="btn btn-primary me-2">
                            <i class="bi bi-house-door me-2"></i> Ir para o Dashboard
                        </a>
                        <button onclick="history.back()" class="btn btn-outline-secondary">
                            <i class="bi bi-arrow-left me-2"></i> Voltar
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.error-page {
    padding: 2rem 0;
}

.error-code h1 {
    font-size: 8rem;
    line-height: 1;
    margin: 0;
    background: linear-gradient(135deg, #dc3545 0%, #a02a37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@media (max-width: 768px) {
    .error-code h1 {
        font-size: 5rem;
    }
}
</style>

<?php
$content = ob_get_clean();
$activeMenu = null;
include ROOT_PATH . '/views/layouts/app.php';
?>

