var $ = jQuery.noConflict();

$(document).ready(function() {
    
    // var $ajaxForm = $('.form-widget:not(.customjs)');
    var $ajaxForm = $('.form-widget');
    if ($ajaxForm.length < 1) { return true; }

    $ajaxForm.each(function () {
        var element = $(this),
        elementForm = element.find('form'),
        elementResult = element.find('.form-result');

        sendEmail = function(contactInfo) {
            $(elementForm).find('.form-process').fadeIn();
            $( "#sendEmailButton" ).addClass( "formSent" );

            var uri = "https://web.api.cloudigo.app/travel-contact";

            var toSend = {};
            toSend.firstname = contactInfo[1];
            toSend.email = contactInfo[2];
            toSend.mobile = contactInfo[3];
            toSend.country_code = contactInfo[4];
            toSend.message = contactInfo[5];

            data = JSON.stringify(toSend);

            jQuery.ajax({
                url: uri,
                data: data,
                method: 'POST',
                contentType : 'application/json',
                success: function (data) {
                    $(elementForm).find('.form-process').fadeOut();
                    elementResult.removeClass('alert-danger alert-success').addClass('alert ' + "alert-success").html(data.message).slideDown(400);

                    $("#contactform").trigger("reset");
                    // Disabling the button gets overwrited, thus, styling takes place instead
                    $( "#sendEmailButton" ).removeClass( "formSent" );
                }
                , error: function (data) {
                    $(elementForm).find('.form-process').fadeOut();
                    elementResult.removeClass('alert-danger alert-success').addClass('alert ' + "alert-danger").html("Message not sent. Please try again later.").slideDown(400);
                    
                    if (typeof data.responseJSON !== 'undefined' && typeof data.responseJSON.message !== 'undefined') { console.log(data.responseJSON.message); }
                }
            })
        }
    })
});