@extends('layouts.app')

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

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center align-items-center" style="min-height: 70vh;">
        <div class="col-md-8 col-lg-6">
            <div class="card shadow-lg border-0">
                <div class="card-body text-center p-5">
                    <div class="mb-4">
                        <i class="fas fa-ban fa-5x text-danger"></i>
                    </div>
                    <h1 class="display-1 fw-bold text-danger mb-3">403</h1>
                    <h2 class="h4 mb-4">YOU DO NOT HAVE PERMISSION TO ACCESS THIS ROUTE.</h2>
                    
                    @if(isset($routeName))
                    <div class="alert alert-info mb-4">
                        <div class="d-flex align-items-center justify-content-center mb-2">
                            <i class="fas fa-route me-2"></i>
                            <strong>Route Name:</strong>
                        </div>
                        <div class="bg-light p-3 rounded">
                            <code class="text-primary fs-5">{{ $routeName }}</code>
                        </div>
                        <small class="text-muted mt-2 d-block">
                            এই route-এর permission assign করতে হবে।
                        </small>
                    </div>
                    @endif
                    
                    @if(isset($permissionId))
                    <div class="alert alert-secondary mb-4">
                        <div class="d-flex align-items-center justify-content-center mb-2">
                            <i class="fas fa-key me-2"></i>
                            <strong>Permission ID:</strong>
                        </div>
                        <div class="bg-light p-3 rounded">
                            <code class="text-secondary fs-5">{{ $permissionId }}</code>
                        </div>
                    </div>
                    @endif
                    
                    @if(isset($menuId))
                    <div class="alert alert-secondary mb-4">
                        <div class="d-flex align-items-center justify-content-center mb-2">
                            <i class="fas fa-bars me-2"></i>
                            <strong>Menu ID:</strong>
                        </div>
                        <div class="bg-light p-3 rounded">
                            <code class="text-secondary fs-5">{{ $menuId }}</code>
                        </div>
                    </div>
                    @endif
                    
                    <p class="text-muted mb-4">
                        {{ $message ?? 'Please contact administrator to assign this route.' }}
                    </p>
                    
                    <div class="d-flex gap-2 justify-content-center">
                        <a href="{{ url()->previous() }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left me-1"></i>Go Back
                        </a>
                        <a href="{{ route('dashboard') }}" class="btn btn-primary">
                            <i class="fas fa-home me-1"></i>Go to Dashboard
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection