@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>

    @include('web_site.partials.alerts')

    <section class="space-top space-md-bottom">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <form action="{{ route('offers.payments.process', $subscription) }}" method="POST" class="form-wrap1 bg-white">
                        @csrf
                        <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.amount') }}: {{ number_format((float) $subscription->amount, 2) }} {{ $subscription->currency }}</p>
                        </div>
                        <div class="form-box">
                            <div class="form-group">
                                <label class="mb-2">{{ trans('site.offers.payment.gateway') }}</label>
                                <select name="payment_gateway_code" class="form-select style2 @error('payment_gateway_code') is-invalid @enderror" required>
                                    @foreach ($gateways as $gateway)
                                        <option value="{{ $gateway->code }}">{{ $gateway->name }}</option>
                                    @endforeach
                                </select>
                                @error('payment_gateway_code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="d-flex flex-wrap gap-3 justify-content-center">
                                <button type="submit" class="vs-btn style2">{{ trans('site.offers.payment.pay_now') }} <i class="far fa-credit-card"></i></button>
                                <a href="{{ route('offers') }}" class="vs-btn style3">{{ trans('site.offers.payment.later') }}</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

@endsection