@extends('layouts.setup')

@section('content')
<div class="text-center py-20">
    <h1 class="text-2xl font-bold mb-2 text-red-600">
        Pembayaran Gagal
    </h1>

    <p class="text-gray-600">
        Pembayaran tidak berjaya. Anda akan dibawa semula ke halaman naik taraf.
    </p>

    <div class="mt-6 animate-pulse text-indigo-600 font-semibold">
        Mengalihkan semula…
    </div>

    {{-- Fallback manual button --}}
    <div class="mt-8">
        <a href="{{ route('upgrade.index') }}"
           class="inline-block px-5 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition">
            Kembali ke Naik Taraf
        </a>
    </div>
</div>

{{-- Auto redirect after 3 seconds --}}
<script>
    setTimeout(() => {
        window.location.href = "{{ route('upgrade.index') }}";
    }, 3000);
</script>
@endsection