@extends('layouts.auth')

@section('title', '403 — Access Denied')

@section('content')
    <div class="text-center">
        <div class="inline-flex items-center justify-center w-16 h-16 bg-danger-50 rounded-full mb-4">
            <svg class="w-8 h-8 text-danger-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
            </svg>
        </div>
        <h2 class="font-display text-2xl font-semibold text-gray-900 mb-2">Access Denied</h2>
        <p class="text-sm text-gray-500 mb-6">
            {{ $exception->getMessage() ?: 'You do not have permission to access this page.' }}
        </p>
        <a href="{{ url()->previous() }}" class="btn-primary">
            <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
            Go Back
        </a>
    </div>
@endsection