@extends('frontend.layouts.app')

@section('title', '403 Forbidden')

@section('content')
    <section class="mt-[8rem]">
        <div class="min-h-screen flex items-center justify-center bg-gradient-to-r from-pink-100 to-pink-200 py-8">
            <div class="bg-white p-8 rounded-lg shadow-md max-w-lg text-center">
                <div class="flex items-center justify-center mb-4">
                    <img src="{{ url('Images/403.avif') }}" alt="403 Image" class="w-64 h-64 mr-4">
                </div>
                <p class="text-xl text-gray-700 mb-4">Oops! You don't have the necessary permissions to access this page.</p>
                <p class="text-sm text-gray-500 mb-6">Please contact the administrator if you believe this is an error.</p>
                <a href="{{ url('dashboard') }}" class="inline-block">
                    <div class="flex items-center justify-center mt-4">
                        <button class="bg-[#F42C56] text-white text-center p-3 px-8 rounded-lg w-full">
                            {{ __('Go Back') }}
                        </button>
                    </div>
                </a>
            </div>
        </div>
    </section>

@endsection