@extends('errors.layout')

@section('title', 'Tidak Diotorisasi')
@section('body-class', 'error-401')

@section('content')
<div class="error-container">
    <div class="error-icon">
        <i class="fas fa-user-slash"></i>
    </div>
    
    <div class="error-code">401</div>
    
    <h1 class="error-title">Tidak Diotorisasi</h1>
    
    <p class="error-message">
        Anda perlu login terlebih dahulu untuk mengakses halaman ini. 
        Silakan login dengan akun yang memiliki akses yang sesuai.
    </p>
    
    <div class="error-actions">
        <a href="{{ route('admin.login') }}" class="btn-primary-custom">
            <i class="fas fa-sign-in-alt"></i>
            Login
        </a>
        <a href="{{ route('home') }}" class="btn-outline-custom">
            <i class="fas fa-home"></i>
            Kembali ke Beranda
        </a>
    </div>
</div>

<style>
    .error-401 .error-icon {
        background-color: #FFF3E0;
        color: #FF9800;
    }
</style>
@endsection