@extends('errors.layout')

@section('title', 'Terlalu Banyak Permintaan')
@section('body-class', 'error-429')

@section('content')
<div class="error-container">
    <div class="error-icon">
        <i class="fas fa-exclamation-triangle"></i>
    </div>
    
    <div class="error-code">429</div>
    
    <h1 class="error-title">Terlalu Banyak Permintaan</h1>
    
    <p class="error-message">
        Anda telah melakukan terlalu banyak permintaan dalam waktu singkat. 
        Silakan tunggu beberapa saat sebelum mencoba lagi.
    </p>
    
    <div class="error-actions">
        <a href="{{ route('home') }}" class="btn-primary-custom">
            <i class="fas fa-home"></i>
            Kembali ke Beranda
        </a>
        <a href="javascript:setTimeout(() => location.reload(), 60000)" class="btn-outline-custom">
            <i class="fas fa-clock"></i>
            Coba Lagi dalam 1 Menit
        </a>
    </div>
</div>

<style>
    .error-429 .error-icon {
        background-color: #FFF8E1;
        color: #FFC107;
    }
</style>
@endsection