@extends('errors.layout')

@section('title', '403 — Access Forbidden')
@section('code', '403')
@section('badge-label', 'Access Denied')
@section('dot-color', '#EF4444')
@section('icon-bg', '#FEF2F2')
@section('icon-color', '#EF4444')

@section('icon')
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
    <path stroke-linecap="round" stroke-linejoin="round" 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>
@endsection

@section('heading', 'Access Forbidden')
@section('description', "You don't have the required permissions to access this resource. Contact your administrator if you believe this is a mistake.")

@section('actions')
    <a href="{{ url('/dashboard') }}" class="btn-primary">
        <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
            <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
        </svg>
        Back to Dashboard
    </a>
    <a href="javascript:history.back()" class="btn-secondary">Go Back</a>
@endsection