@extends('layouts.error')

@section('title', 'Forbidden')

@section('content')
<div class="error-card">
    <div class="error-code text-warning">403</div>
    <h1 class="error-title">Access Forbidden</h1>
    <p class="error-description">
        You don't have permission to access this resource. This could be because you lack the necessary 
        privileges or the resource is restricted to specific user roles.
    </p>
    
    <div class="error-actions">
        @auth
        <a class="btn btn-primary" href="{{ url('/dashboard') }}">
            <i class="fas fa-home"></i>
            Go to Dashboard
        </a>
        <button type="button" class="btn btn-falcon-default" onclick="history.back();">
            <i class="fas fa-arrow-left"></i>
            Go Back
        </button>
        @else
        <a class="btn btn-primary" href="{{ route('login') }}">
            <i class="fas fa-sign-in-alt"></i>
            Sign In
        </a>
        @endauth
    </div>
    
    <div class="error-tip">
        <i class="fas fa-user-shield text-warning"></i>
        If you believe you should have access to this page, please contact your system administrator.
    </div>
</div>
@endsection