@extends('storefront.layout')

@section('title', trans_key('storefront.pageTitles.paymentRedirect').' - '.config('app.name', 'HyperLocal'))

@section('content')
    <section class="sf-reference-inner">
        <div class="sf-reference-inner__layout">
            <main class="sf-reference-inner__feed is-centered">
                <section class="sf-reference-panel sf-reference-payment-redirect">
                    <h1>Redirecting to secure payment</h1>
                    <p>Please wait while we open the payment gateway for order #{{ $order->order_number ?? '' }}.</p>
                    <form id="paymentRedirectForm" method="POST" action="{{ $endpoint }}">
                        @foreach(($payload ?? []) as $key => $value)
                            <input type="hidden" name="{{ $key }}" value="{{ is_scalar($value) ? $value : json_encode($value) }}">
                        @endforeach
                        @if($checksum)<input type="hidden" name="checksum" value="{{ $checksum }}">@endif
                        <button type="submit" class="sf-reference-primary">Continue to payment</button>
                    </form>
                </section>
            </main>
        </div>
    </section>
@endsection

@push('scripts')
    <script>document.getElementById('paymentRedirectForm')?.submit();</script>
@endpush