@extends('web_site.layouts.master')

@section('content')

    <section class="breadcumb-wrapper" data-bg-src="{{ asset('assets_web/img/breadcurmb1.webp') }}">
        <div class="container">
            <h1 class="breadcumb-title">{{ trans('site.offers.payment.title') }}</h1>
        </div>
    </section>

    {{-- Placeholder for the provider's hosted checkout page until a real gateway is connected. --}}
    <section class="space-top space-md-bottom">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <div class="form-wrap1 bg-white">
                        <div class="form-title-box bg-title">
                            <h2 class="h4 mb-1 text-white">{{ $subscription->offerLabel() }}</h2>
                            <p class="mb-0 text-white-light">{{ trans('site.offers.payment.gateway') }}: {{ $gatewayName }}</p>
                        </div>
                        <div class="form-box text-center">
                            <p class="h4 mb-4">{{ number_format((float) $subscription->amount, 2) }} {{ $subscription->currency }}</p>
                            <div class="d-flex flex-wrap gap-3 justify-content-center">
                                <a class="vs-btn style2" href="{{ route('offers.payments.return', ['subscription' => $subscription, 'status' => 'paid', 'reference' => $subscription->provider_transaction_id]) }}">{{ trans('clinic.bookings.simulate_success') }}</a>
                                <a class="vs-btn style3" href="{{ route('offers.payments.return', ['subscription' => $subscription, 'status' => 'failed', 'message' => 'Payment failed']) }}">{{ trans('clinic.bookings.simulate_failure') }}</a>
                                <a class="vs-btn style3" href="{{ route('offers.payments.return', ['subscription' => $subscription, 'status' => 'cancelled']) }}">{{ trans('clinic.common.back') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection