@extends('layout.mainlayout')

@php
    $metaTitle = 'Too Many Requests';
    $metaDescription = 'You have made too many requests. Please wait and try again.';
@endphp

@section('content')
<div class="error-page">
    <div class="container">
        <div class="row align-items-center justify-content-center min-vh-100">
            <div class="col-lg-6">
                <div class="error-content text-center">
                    <div class="error-icon mb-4">
                        <i class="ti ti-clock-pause" style="font-size: 8rem; color: #667eea;"></i>
                    </div>
                    <h1 class="display-1 text-primary mb-3">429</h1>
                    <h2 class="mb-3">Too Many Requests</h2>
                    <p class="text-muted mb-4">
                        You've made too many requests in a short period of time. 
                        Please wait a moment and try again.
                    </p>
                    <p class="text-muted mb-4">
                        <strong>Rate limits help protect our service for all users.</strong>
                    </p>
                    <div class="d-flex gap-3 justify-content-center flex-wrap">
                        <a href="{{ route('home') }}" class="btn btn-primary">
                            <i class="ti ti-home"></i> Go to Homepage
                        </a>
                        <button onclick="location.reload()" class="btn btn-outline-secondary">
                            <i class="ti ti-reload"></i> Try Again
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection