@extends('layouts.app')

@section('title', __('common.no_permission'))

@section('content')
    <div class="container py-5">
        <div class="d-flex align-items-center justify-content-between flex-wrap gap-3 mb-3">
            <div>
                <h4 class="fw-bold mb-0">{{ __('common.no_permission') }}</h4>
                <div class="text-muted small">{{ $message ?? __('common.no_permission') }}</div>
            </div>
            <a href="{{ url()->previous() ?: route('dashboard') }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-{{ app()->getLocale() == 'ar' ? 'right' : 'left' }}"></i> {{ __('common.back') }}
            </a>
        </div>

        <div class="card sa-card border-0">
            <div class="card-body text-center py-5">
                <div class="display-6 fw-bold text-danger mb-2">403</div>
                <div class="text-muted">{{ $message ?? __('common.no_permission') }}</div>
                <div class="mt-4">
                    <a href="{{ route('dashboard') }}" class="btn btn-primary">{{ __('dashboard') }}</a>
                </div>
            </div>
        </div>
    </div>
@endsection