const form = document.querySelector(".form__page");


form.addEventListener("submit", (event) => {
    event.preventDefault();


    $.ajax({
        url: $('.form__page').attr('action'),
        dataType: "json",
        type: "POST",
        data: $(".form__page").serialize(),
        beforeSend: function () {
            $(".form__page button").html("<div class='loader'></div>")
        },
        success: function (response) {



            if (response?.resultado == "\nmensagem enviada com sucesso") {
                swal({
                    title: "Tudo certo!",
                    text: "Obrigado por entrar em contato, sua mensagem foi enviada com sucesso",
                    type: "success",
                    showCancelButton: false,
                    confirmButtonClass: "btn-success-form",
                    confirmButtonText: "Ok",
                    closeOnConfirm: true
                });

                $(".form__page button").html("Enviar")
                $(".form__page #telefone").val("");
                $(".form__page #nome").val("");
                $(".form__page #email").val("");
                $(".form__page #mensagem").val("");
                 
              
            } else {
                if (response?.error.palavra == "Captcha errado!") {
                    alert("Recaptcha Inválido!");
                    $(".form__page button").html("Enviar")
                    return;
                }else{

                    swal({
                        title: "Erro!",
                        text: "Erro ao enviar formulário!",
                        type: "error",
                        showCancelButton: false,
                        confirmButtonClass: "btn-success-form",
                        confirmButtonText: "Ok",
                        closeOnConfirm: true
                    });
                }
            }
        },
        error: function (xhr, status, error) {

            swal({
                title: "Erro!",
                text: "Erro ao enviar formulário!",
                type: "error",
                showCancelButton: false,
                confirmButtonClass: "btn-success-form",
                confirmButtonText: "Ok",
                closeOnConfirm: true
            });

            console.error("Erro na requisição:", error);
            console.error("Detalhes:", xhr, status);

        },
        complete: function () {

        }
    });


});


$("#telefone").mask("(99) 99999-9999");

$("form textarea").on('click', function () {
    $(".g-recaptcha").css("display", "block");
})