@extends('landlord.public-section.layouts.modern')
@section('title', 'Checking your payment — PeoplePro')
@section('content')
<section class="pp-section"><div class="pp-container"><div class="pp-form-card mx-auto" style="max-width:600px"><span class="pp-eyebrow">{{ __('Your next chapter') }}</span><h2>{{ __('Checking your payment.') }}</h2><p role="status" id="payment-status">{{ __('We’ll open your workspace once the payment is confirmed.') }}</p><a class="pp-text-link" href="{{ route('checkout.show', $checkout->id) }}">{{ __('Back to your checkout') }}</a></div></div></section>
@endsection
@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', () => {
    let attempts = 0;
    const check = async () => {
        try { const response = await fetch(@json(route('checkout.status', $checkout->id)), {headers:{Accept:'application/json'}}); if (!response.ok) throw new Error('pending'); const data = await response.json(); if (data.status === 'paid' && data.redirect_url) { window.location.assign(data.redirect_url); return; } } catch (error) {}
        if (++attempts < 30) window.setTimeout(check, 5000); else document.getElementById('payment-status').textContent = 'Your payment is still being checked. You can return to this checkout later.';
    }; window.setTimeout(check, 1500);
});
</script>
@endpush