@extends('layouts.store', ['title' => 'الدفع الإلكتروني | RaseedNow'])

@section('content')
    <section class="lc-page-shell">
        <div class="surface mx-auto max-w-3xl p-6">
            <span class="eyebrow dark">Online Gateway</span>
            <h1 class="mt-3 text-3xl font-black text-[#17264d]">تم إنشاء محاولة الدفع</h1>
            <p class="mt-3 text-sm leading-7 text-[#6e7488]">
                تم إرسال الطلب لبوابة الدفع. إذا كان المزود يرجع رابط دفع، سيتم تحويل العميل تلقائيًا. غير ذلك يمكن متابعة الحالة من صفحة الطلب.
            </p>

            <div class="mt-6 grid gap-3 md:grid-cols-3">
                <div class="metric-card"><span>الطلب</span><strong>{{ $order->order_number }}</strong></div>
                <div class="metric-card"><span>المرجع</span><strong>{{ $attempt->reference }}</strong></div>
                <div class="metric-card"><span>الحالة</span><strong>{{ $attempt->status }}</strong></div>
            </div>

            <a class="primary-button mt-6" href="{{ route('orders.show', $order) }}">العودة للطلب</a>
        </div>
    </section>
@endsection
