@extends('layouts.public')

@section('title', 'Payment confirmation | PLOCAL')
@section('description', 'View the current server-confirmed status of your PLOCAL Evaluation payment.')
@section('canonical', url()->current())
@section('body-class', 'plocal-payment-page')

@section('content')
    @include('public.partials.site-header')

    @php
        $isActive = $payment_status === 'paid' && $activation_status === 'active';
        $isPaidPending = $payment_status === 'paid' && ! $isActive;
        $statusLabel = $isActive ? 'Evaluation active' : ($isPaidPending ? 'Activation in progress' : ucfirst(str_replace('_', ' ', $payment_status)));
        $statusTone = $isActive ? 'success' : ($payment_status === 'failed' ? 'danger' : 'pending');
    @endphp

    <main id="main-content" class="plocal-payment-main">
        <section class="plocal-payment-shell" aria-labelledby="payment-title">
            <div class="plocal-payment-orb plocal-payment-orb-one" aria-hidden="true"></div>
            <div class="plocal-payment-orb plocal-payment-orb-two" aria-hidden="true"></div>

            <div class="plocal-payment-card">
                <div class="plocal-payment-mark plocal-payment-mark-{{ $statusTone }}" aria-hidden="true">
                    @if($isActive)
                        <i class="far fa-check"></i>
                    @elseif($payment_status === 'failed')
                        <i class="far fa-exclamation"></i>
                    @else
                        <i class="far fa-clock"></i>
                    @endif
                </div>

                <p class="plocal-payment-eyebrow">PLOCAL EVALUATION</p>
                <h1 id="payment-title">
                    @if($isActive)
                        Your Evaluation is active
                    @elseif($isPaidPending)
                        Payment confirmed
                    @else
                        Payment confirmation
                    @endif
                </h1>
                <p class="plocal-payment-message">{{ $message }}</p>

                <div class="plocal-payment-statuses" aria-label="Payment status summary">
                    <div class="plocal-payment-status">
                        <span>Payment</span>
                        <strong>{{ ucfirst(str_replace('_', ' ', $payment_status)) }}</strong>
                    </div>
                    <div class="plocal-payment-status">
                        <span>Evaluation</span>
                        <strong>{{ $statusLabel }}</strong>
                    </div>
                </div>

                <p class="plocal-payment-note">
                    This page reflects PLOCAL's current server-confirmed status. The browser page never changes payment or Evaluation state.
                </p>

                <div class="plocal-payment-actions">
                    <a class="plocal-payment-button" href="/">Return to PLOCAL <i class="far fa-arrow-right" aria-hidden="true"></i></a>
                    <a class="plocal-payment-link" href="/support.html">Need help? Contact support</a>
                </div>
            </div>
        </section>
    </main>

    @include('public.partials.site-footer')
@endsection