Оформление заказа Razorpay не загружается в поле пользовательского просмотра Laravel Filament ⇐ Php

[Anonymous]

Я пытаюсь интегрировать кнопку оформления заказа Razorpay в настраиваемое поле просмотра в моем приложении Laravel Filament. Кнопка и скрипт Razorpay отлично работают с отдельным файлом Blade, но не работают должным образом при добавлении в пользовательское поле просмотра Filament.
Вот код, который я использую:
Пользовательский вид лезвия (razorpay-button.blade.php):

Код: Выделить всё

Pay


document.addEventListener('DOMContentLoaded', function () {
var options = {
"key": "asdffff",
"amount": "50000",
"currency": "INR",
"name": "Acme Corp",
"description": "Test Transaction",
"image": "https://example.com/your_logo",
"order_id": "order_9A33XWu170gUtm",
"callback_url": "https://eneqd3r9zrjok.x.pipedream.net/",
"prefill": {
"name": "Gaurav Kumar",
"email": "gaurav.kumar@example.com",
"contact": "9000090000"
},
"notes": {
"address": "Razorpay Corporate Office"
},
"theme": {
"color": "#3399cc"
}
};

var rzp1 = new Razorpay(options);
document.getElementById('rzp-button1').addEventListener('click', function (e) {
rzp1.open();
e.preventDefault();
});
});

Код: Выделить всё

use Filament\Forms\Components\ViewField;

ViewField::make('razorpay_button')
->view('components.razorpay-button'),

Добавление поля представления в форме нити
Проверено наличие ошибок JavaScript в консоли браузера — их нет.

Подробнее здесь: https://stackoverflow.com/questions/792 ... view-field