;
$(function() {
    $('#mfa_send').on('submit', function(e) {
        e.preventDefault();
        const $form = $(this);
        $.ajax({
            url : $form.attr('action'),
            type : $form.attr('method'),
            data : $form.serialize(),
            timeout : 5000,
            beforeSend : function(xhr, settings) {
                // エラーメッセージは消しておく
                $('#sendErrorMsg').css('display','none');

                $form.find('button').attr('disabled', true);
            },
            success : function(data, status, xhr) {
                // {"message" : "認証コードを送信しました"}
                // console.log(data);

                // 認証コード入力モーダルを開く処理
                UIkit.modal('#modal-center').show();

                // 簡易WANCOのメールアドレス
                $('#mfa_auth_email').val($('#mfa_send_email').val());
            },
            error : function(xhr, status, error) {
                // {"message" : "認証コードの送信に失敗しました"}
                //console.log(data);
                const data = JSON.parse(xhr.responseText);

                // TODO noticeにエラーメッセージをセットする処理
                //console.log(data);
                $('#sendErrorMsg').css('display','block');

            },
            complete : function(xhr, textStatus) {
                $form.find('button').attr('disabled', false);
            },
        });
    });
    $('#mfa_auth').on('submit', function(e) {
        e.preventDefault();
        const $form = $(this);
        $.ajax({
            url : $form.attr('action'),
            type : $form.attr('method'),
            data : $form.serialize() + '&passcode=' + app.fullValue,
            timeout : 5000,
            beforeSend : function(xhr, settings) {
                $('#authErrorMsg').css('display','none');

                $form.find('button').attr('disabled', true);

                // loadingを出す
                $('.mailAuth-loader').css('display','block');
				$('.mailAuth-modalClose').css('display','none');
				$('#mailAuth-modalContainer').addClass('is-nowloading');
                $('.mailAuth-bg').addClass('is-send');
                
            },
            success : function(data, status, xhr) {
                // {"message" : "認証が完了しました"}
                console.log(data);

                // 完了モーダルを開く処理
                window.setTimeout(function(){
                    UIkit.modal('#modal-center-complete').show();

                    if($('#js-mfa-authentivation').length){
                        $('#js-mfa-authentivation').fadeOut();
                    }
                }, 500);

                //認証メール送信を消す
                $('#mailAuthSend').css('display','none');

                // 簡易WANCOのURL
                $('#simple_inquiry_url').attr('href', data.url);

            },
            error : function(xhr, status, error) {
                // {"message" : "認証に失敗しました"}
                const data = JSON.parse(xhr.responseText);
                console.log(data);

                // TODO エラーメッセージをセットする処理
                $('#authErrorMsg').css('display','block').html('<li>'+ data.message +'</li>');

            },
            complete : function(xhr, textStatus) {
                //  loadingを消す
                window.setTimeout(function(){
                    $('.mailAuth-loader').css('display','none');
                    $('.mailAuth-modalClose').css('display','block');
                    $('#mailAuth-modalContainer').removeClass('is-nowloading');
                    $('.mailAuth-bg').removeClass('is-send');
                    $form.find('button').attr('disabled', false);
                }, 500);
            },
        });
    });
});