@extends('layouts.portal')

@section('title', __('benefits.pay_title', ['benefit' => $benefit->name]) . ' — ' . config('app.name'))
@section('page_title', __('benefits.pay_title', ['benefit' => $benefit->name]))

@section('content')
    <div class="card-sc mx-auto max-w-2xl">
        <p class="text-ink-500">
            {{ __('booking.pay_now', ['amount' => number_format((float) $benefit->monthly_price, 2), 'currency' => $benefit->currency]) }}
        </p>

        <x-hyperpay-widget :brand="$brand" :widget-url="$widgetUrl" :shopper-result-url="$shopperResultUrl" :widget-brand-label="$widgetBrandLabel"/>
    </div>
@endsection