@extends('landlord.public-section.layouts.modern')
@section('content')
<section class="pp-section"><div class="pp-container"><div class="pp-form-card mx-auto" style="max-width:600px"><span class="pp-eyebrow">{{ __('Secure payment') }}</span><h2>{{ __('Continue with Monnify.') }}</h2><p>{{ $currency }} {{ $amount }} · PeoplePro subscription</p><button class="pp-button pp-button-full" type="button" id="monnify-open">{{ __('Open secure payment ↗') }}</button></div></div></section>
@endsection
@push('scripts')
<script src="https://sdk.monnify.com/plugin/monnify.js"></script><script>
document.getElementById('monnify-open').addEventListener('click', () => {MonnifySDK.initialize({amount:@json((float) $amount),currency:@json($currency),reference:@json($paymentReference),customerName:@json($customerName),customerEmail:@json($customerEmail),apiKey:@json($apiKey),contractCode:@json($contractCode),isTestMode:@json($isTestMode),paymentDescription:'PeoplePro subscription',onComplete:()=>window.location.assign(@json(route('payment.monnify.return'))),onClose:()=>{}});});
</script>
@endpush