@extends('layouts.landing')

@section('title', 'Too Many Requests — Tenseal')
@section('meta_description', 'You are making requests too quickly. Please wait a moment and try again.')

@section('content')
<section class="section" style="padding-top: 6rem; text-align: center;">
    <div class="container container-narrow">
        <div class="badge badge-warning" style="margin-bottom: 1.5rem;">
            <i class="fas fa-gauge-high"></i> Rate Limit Reached
        </div>
        <h1 style="font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; margin-bottom: 1rem;">
            Slow down just a little
        </h1>
        <p class="section-subtitle" style="max-width: 640px; margin: 0 auto 2.5rem; color: var(--text-secondary); line-height: 1.8;">
            You've sent too many requests in a short period. For everyone's safety, Tenseal rate-limits
            repeated actions. Please wait a minute and try again.
        </p>
        @isset($bucket)
        <p style="color: var(--text-muted); font-size: 0.875rem;">Reference: {{ $bucket }}</p>
        @endisset
        <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem;">
            <a href="{{ url('/') }}" class="btn btn-primary btn-lg"><i class="fas fa-home"></i> Back to Home</a>
            <a href="{{ route('landing.help') }}" class="btn btn-outline btn-lg"><i class="fas fa-circle-question"></i> Visit Help Center</a>
        </div>
    </div>
</section>
@endsection