OnPay: Hide participant inputs and prefill with dummy data

footer.html

<script>
    document.querySelector('form').addEventListener('submit', function(event) {
        document.querySelectorAll('[name^="participant_fullname"]').forEach((element) => {
            element.value = 'dummy';
        });

        document.querySelectorAll('[name^="participant_email"]').forEach((element) => {
            element.value = 'dummy@test.com';
        });

        document.querySelectorAll('[name^="participant_phone_dial_code"]').forEach((element) => {
            element.value = 60;
        });
        document.querySelectorAll('[name^="participant_phone_number"]').forEach((element) => {
            element.value = 123456789;
        });
    });
</script>

header.html

<style>
    .form-group:has(*[name^='participant_fullname'], *[name^='participant_email'], *[name^='participant_phone']) {
        display: none;
    }

    .participant[data-id='0'] .checkbox-inline {
        display: none;
    }
</style>