validator = FormValidation.formValidation(form, {
    fields: {
        {{ $slot}}
    },
    plugins: {
        message: new FormValidation.plugins.Message({clazz: "text-danger", container: '#messages'}),
        trigger: new FormValidation.plugins.Trigger(),
        submitButton: new FormValidation.plugins.SubmitButton(),
        bootstrap: new FormValidation.plugins.Bootstrap5({
            rowSelector: '.fv-row',
            eleInvalidClass: 'is-invalid border-danger',
            eleValidClass: '',
            defaultMessageContainer: false,
        })
    }
});

// Handle submit buttonv
submitButton.addEventListener('click', e => {
    e.preventDefault();
    submitButton.disabled = true;
    validator.validate().then(function (status) {
        submitButton.disabled = false;
        if (status == 'Valid') {
            messages.classList.add('d-none')
            form.submit();
        } else {
            messages.classList.remove('d-none')
            Swal.fire({
                html: "Se ha detectado algunos errores, revísalos e intentalo de nuevo.",
                icon: "error",
                buttonsStyling: false,
                confirmButtonText: "Ok, entendido!",
                customClass: {
                    confirmButton: "btn btn-primary"
                }
            });
        }
    });
})