@extends('site_builder.layouts.app')

@section('title', 'Ödeme Sonucu')

@section('content')
    @if ($paid)
        <div class="rounded-xl border border-emerald-200 bg-emerald-50 p-6">
            <h1 class="font-display text-2xl font-semibold text-emerald-800">Ödemen alındı!</h1>
            <p class="mt-2 text-sm text-emerald-800">
                Siten hazırlanıyor, birkaç dakika içinde yayına alınacak.
            </p>

            @if ($order)
                <p class="mt-4 text-sm text-emerald-900">
                    Referans No: <span class="font-mono font-medium">{{ $order->merchant_oid }}</span>
                </p>
            @endif
        </div>
    @else
        <div class="rounded-xl border border-red-200 bg-red-50 p-6">
            <h1 class="font-display text-2xl font-semibold text-red-800">Ödeme tamamlanamadı</h1>
            <p class="mt-2 text-sm text-red-800">Tekrar dener misin?</p>

            <a
                href="{{ route('sitebuilder.wizard.summary') }}"
                class="mt-4 inline-block rounded-lg bg-brand-600 px-4 py-2.5 text-sm font-semibold text-white shadow-glow transition hover:bg-brand-700"
            >
                Özete Dön
            </a>
        </div>
    @endif
@endsection