@extends('errors.layout')

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

@section('content')
    {{-- Error Icon --}}
    <div class="error-icon">
        <i class="fas fa-ban"></i>
    </div>

    {{-- Error Code --}}
    <div class="error-code" data-code="403">403</div>

    {{-- Error Title --}}
    <h1 class="error-title">Akses Ditolak</h1>

    {{-- Error Message --}}
    <p class="error-message">
        {{ $exception->getMessage() ?: 'Maaf, Anda tidak memiliki izin untuk mengakses halaman ini. Jika Anda yakin ini adalah kesalahan, silakan hubungi administrator atau login dengan akun yang memiliki akses.' }}
    </p>

    {{-- Action Buttons --}}
    <div class="error-actions">
        @auth
            <a href="{{ auth()->user()->getDashboardUrl() }}" class="btn-primary-custom">
                <i class="fas fa-home"></i>
                Kembali ke Dashboard
            </a>
        @else
            <a href="{{ url('/') }}" class="btn-primary-custom">
                <i class="fas fa-home"></i>
                Kembali ke Beranda
            </a>
            <a href="{{ url('/?login=required') }}" class="btn-secondary-custom">
                <i class="fas fa-sign-in-alt"></i>
                Login
            </a>
        @endauth
    </div>
@endsection