@extends('layouts.app')

@section('page-title', 'Akses Ditolak')

@section('content')
    <div class="panel" style="max-width:520px; margin: 40px auto; text-align:center;">
        <div class="panel__body" style="padding: 44px 30px;">
            <div style="width:64px; height:64px; border-radius:50%; background: var(--color-danger-soft); display:flex; align-items:center; justify-content:center; margin: 0 auto 20px;">
                <i data-lucide="shield-alert" style="width:30px; height:30px; color: var(--color-danger);"></i>
            </div>
            <h2 style="font-size:19px; margin-bottom:8px;">Anda Tidak Memiliki Akses</h2>
            <p class="text-faint" style="font-size:13.5px; margin-bottom:22px;">
                Halaman yang Anda tuju memerlukan hak akses yang tidak dimiliki oleh peran akun Anda saat ini.
                Hubungi Administrator jika Anda merasa ini keliru.
            </p>
            <a href="{{ route('dashboard.index') }}" class="btn">
                <i data-lucide="arrow-left"></i>
                <span>Kembali ke Dashboard</span>
            </a>
        </div>
    </div>
@endsection