[AjaxFormitLogin] AjaxForm на стрероидах и чистом JS

AjaxForm на стреройдах

{'!AjaxFormitLogin' | snippet : [
        'form' =>  'updateProfileForm',
        'snippet' => 'FormIt',
        'hooks' => 'AjaxIdentification',
        'method' => 'update',
        'successMessage' => 'Данные сохранены.',
        'clearFieldsOnSuccess' => 0,

        'validate' => 'email:required:email',
        'validationErrorMessage' => 'Исправьте, пожалуйста, ошибки!',
        'email.vTextRequired' => 'Укажите email.'
        ]}

<div class="pole pole-checkbox">
            <div class="pole-label">Тип помещения <span class="error_floor">[[+fi.error.room]]</span></div>
            <input type="hidden" name="room[]" value="" data-afl-required="room"/>
            <div class="pole-checkbox-item">
                <input id="room_1" type="radio" name="room[]" value="Квартира" [[!+fi.room:FormItIsChecked=`Квартира`]] >
                <label for="room_1">Квартира</label>
            </div>
            <div class="pole-checkbox-item">
                <input id="room_2" type="radio" name="room[]" value="Частный дом" [[!+fi.room:FormItIsChecked=`Частный дом`]]>
                <label for="room_2">Частный дом</label>
            </div>
            <div class="pole-checkbox-item">
                <input id="room_3" type="radio" name="room[]" value="Гостиница" [[!+fi.room:FormItIsChecked=`Гостиница`]]>
                <label for="room_3">Гостиница</label>
            </div>
            <div class="pole-checkbox-item">
                <input id="room_4" type="radio" name="room[]" value="Коммерческое помещение" [[!+fi.room:FormItIsChecked=`Коммерческое помещение`]]>
                <label for="room_4">Коммерческое помещение</label>
            </div>
        </div>

'validate' => 'room:minValue=^1^',
'room.vTextMinValue' => 'Выберите значение.'

document.addEventListener('afl_complete', e => {
    if (e.detail.response.success) {
        тут что должно происзодить
    }
});

<form action="{$_modx->resource.id | url}" method="post" enctype="multipart/form-data">
    <input type="hidden" name="page" value="{$_modx->resource.pagetitle | htmlent}">
    <div class="form">
        <div class="pole pole-icon">
            <input type="tel" name="phone" placeholder="Ваш телефон" autocomplete="off">
            <span class="error-info error_phone"></span>
        </div>
        <div class="pole pole-icon">
            <input type="text" name="name" placeholder="Как Вас зовут?" autocomplete="off">
            <span class="error-info error_name"></span>
        </div>
        <div class="pole">
            <select name="otdel">
                <option disabled selected value="">Выбор отдела*</option>
                <option value="Сервис"[[!+fi.otdel:FormItIsSelected=`Сервис`]]>Сервис</option>
                <option value="Запчасти"[[!+fi.otdel:FormItIsSelected=`Запчасти`]]>Запчасти</option>
                <option value="Автомобили"[[!+fi.otdel:FormItIsSelected=`Автомобили`]]>Автомобили</option>
            </select>
           <span class="error-info error_otdel"></span>
        </div>
        <div class="pole pole-btn">
            <button type="submit" class="btn bg"><span>Свяжитесь со мной</span></button>
        </div>
    </div>
    
    <div class="police">
    «я ознакомлен(-а) и принимаю условия публичной оферты и даю согласие на обработку персональных данных на условиях»
    </div>
</form>

{'!AjaxFormitLogin' | snippet : [
            'form' =>  'tpl_form_popup',
            'emailTpl' => 'tpl_email',
            'snippet' => 'FormIt',
            'hooks' => 'FormItSaveForm,email',
            'emailTo' => $_modx->config.email_address,
            'emailFrom' => $_modx->config.emailsender,
            'formName' => 'Заявка на консультацию с сайта ' ~ $_modx->config.site_name,
            'emailSubject' => 'Заявка на консультацию с сайта ' ~ $_modx->config.site_name,
            'successMessage' => '',
            'clearFieldsOnSuccess' => 1,
            'transmittedParams' => ["success" => 'ym_goal', "error" => 'aliases'],
            'aliases' => 'phone==Телефон,name==Имя',
            'showUploadProgress' => 1,
            'spamProtection' => 1,
            'ym_goal' => 'FORM_GOAL',
            'validate' => 'otdel:required,name:required:minLength=^5^,phone:required:minLength=^18^',
            'validationErrorMessage' => 'Исправьте, пожалуйста, ошибки!',
            'otdel.vTextRequired' => 'Выберите отдел',
            'name.vTextRequired' => ' ',
            'name.vTextMinLength' => 'Слишком короткое ФИО.',
            'phone.vTextRequired' => ' ',
            'phone.vTextMinLength' => 'Слишком короткий телефон.',
            'secret.vTextContains' => 'Кажется Вы робот. Если это не так, обновите страницу.',
        ]}