@extends('layouts.app')

@section('content')
<div class="mx-auto max-w-xl px-4 py-12">
    <div class="panel p-6 text-center">
        <h1 class="text-2xl font-black">Redirecting to PayFast</h1>
        <p class="mt-2 text-gray-600">Order {{ $order->order_number }} has been created and stock is reserved while payment is pending.</p>
        <form id="payfast-form" method="POST" action="{{ $payment['url'] }}" class="mt-6">
            @foreach ($payment['fields'] as $key => $value)
                <input type="hidden" name="{{ $key }}" value="{{ $value }}">
            @endforeach
            <button class="btn-primary">Pay Now</button>
        </form>
        <script>document.getElementById('payfast-form').submit();</script>
    </div>
</div>
@endsection