1
0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-06 11:12:43 +01:00
invoiceninja/resources/views/portal/ninja2020/layout/payments.blade.php
2021-01-14 12:24:45 +01:00

55 lines
1.9 KiB
PHP

@extends('portal.ninja2020.layout.app')
@isset($gateway_title)
@section('meta_title', $gateway_title)
@else
@section('meta_title', ctrans('texts.pay_now'))
@endisset
@push('head')
@yield('gateway_head')
@endpush
@section('body')
@livewire('required-client-info', ['fields' => $gateway->getClientRequiredFields(), 'contact' => auth('contact')->user()])
<div class="container mx-auto grid grid-cols-12 opacity-25 pointer-events-none" data-ref="gateway-container">
<div class="col-span-12 lg:col-span-6 lg:col-start-4 overflow-hidden bg-white shadow rounded-lg">
<div class="px-4 py-5 border-b border-gray-200 sm:px-6">
@isset($card_title)
<h3 class="text-lg font-medium leading-6 text-gray-900">
{{ $card_title }}
</h3>
@endisset
@isset($card_description)
<p class="max-w-2xl mt-1 text-sm leading-5 text-gray-500">
{{ $card_description }}
</p>
@endisset
</div>
<div>
@yield('gateway_content')
</div>
</div>
</div>
@endsection
@push('footer')
@yield('gateway_footer')
<script>
Livewire.on('passed-required-fields-check', () => {
document.querySelector('div[data-ref="required-fields-container"]').classList.add('opacity-25');
document.querySelector('div[data-ref="required-fields-container"]').classList.add('pointer-events-none');
document.querySelector('div[data-ref="gateway-container"]').classList.remove('opacity-25');
document.querySelector('div[data-ref="gateway-container"]').classList.remove('pointer-events-none');
document
.querySelector('div[data-ref="gateway-container"]')
.scrollIntoView({ behavior: "smooth" });
});
</script>
@endpush