@extends('layouts.guest')

@section('title', __('Payment status'))

@section('content')
<div class="min-h-screen flex items-center justify-center px-4">
    <div class="max-w-md w-full bg-white dark:bg-slate-900 rounded-2xl shadow-xl ring-1 ring-slate-200 dark:ring-slate-800 p-8 text-center">
        @if($ok)
            <div class="w-14 h-14 mx-auto rounded-full bg-emerald-100 dark:bg-emerald-900/40 text-emerald-600 dark:text-emerald-300 flex items-center justify-center mb-4">
                <svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
            </div>
            <h1 class="text-xl font-bold text-slate-900 dark:text-white mb-2">{{ __('Payment received') }}</h1>
        @else
            <div class="w-14 h-14 mx-auto rounded-full bg-amber-100 dark:bg-amber-900/40 text-amber-600 dark:text-amber-300 flex items-center justify-center mb-4">
                <svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01M5 19a2 2 0 01-1.732-3l7-12a2 2 0 013.464 0l7 12A2 2 0 0119 19H5z"/></svg>
            </div>
            <h1 class="text-xl font-bold text-slate-900 dark:text-white mb-2">{{ __('Payment status') }}</h1>
        @endif

        <p class="text-sm text-slate-600 dark:text-slate-300 mb-4">{{ $message }}</p>

        @if($invoice)
            <div class="text-xs text-slate-500 dark:text-slate-400 font-mono mb-4">{{ $invoice->number }}</div>
        @endif

        <a href="{{ url('/') }}" class="inline-block px-4 py-2 rounded-xl bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium">
            {{ __('Return to home') }}
        </a>
    </div>
</div>
@endsection