$(function() {

	$("#contactForm input,#contactForm textarea").jqBootstrapValidation({
	    preventSubmit : true,
	    submitError : function($form, event, errors) {
		    // additional error messages or events
	    },
	    submitSuccess : function($form, event) {
		    event.preventDefault(); // prevent default submit behaviour
		    // get values from FORM
		    var did = $("input#did").val();
		    var name = $("input#name").val();
		    var email = $("input#email").val();
		    var phone = $("input#phone").val();
		    var message = $("textarea#message").val();
		    var firstName = name; // For Success/Failure Message
		    // Check for white space in name for Success/Fail message
		    if (firstName.indexOf(' ') >= 0) {
			    firstName = name.split(' ').slice(0, -1).join(' ');
		    }
		    $this = $("#sendMessageButton");
		    $this.prop("disabled", true); // Disable submit button until AJAX
		    // call is complete to prevent
		    // duplicate messages
		    grecaptcha.ready(function() {
			    grecaptcha.execute('6LeO46UUAAAAAO5Ee3n2TORv_AhWABcgJekZZh71', {
				    action : 'homepage'
			    }).then(function(token) {
				    $.ajax({
				        url : "msend",
				        type : "POST",
				        data : {
				            did : did,
				            name : name,
				            phone : phone,
				            email : email,
				            message : message,
				            'g-recaptcha-response' : token
				        },
				        cache : false,
				        success : function() {
					        // Success message
					        var sc = $('#success').html("<div class='alert alert-success'>");
					        var sct = sc.find('.alert-success');
					        sct.html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;").append("</button>");
					        sct.append("<strong>Hvala što ste nas kontaktirali</strong>");
					        sct.append("<div>Vaša poruka je uspješno poslana.</div>");
					        sct.append('</div>');
					        // clear all fields
					        $('#contactForm').trigger("reset");
				        },
				        error : function() {
					        // Fail message
					        $('#success').html("<div class='alert alert-danger'>");
					        $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;").append("</button>");
					        $('#success > .alert-danger').append($("<strong>").text("Nažalost, Vaša poruka nije poslana. Molimo pokušajte kasnije."));
					        $('#success > .alert-danger').append('</div>');
					        // clear all fields
					        $('#contactForm').trigger("reset");
				        },
				        complete : function() {
					        setTimeout(function() {
						        $this.prop("disabled", false); // Re-enable
						        // submit
						        // button when AJAX call
						        // is complete
					        }, 1000);
				        }
				    });
			    });
		    });
	    },
	    filter : function() {
		    return $(this).is(":visible");
	    },
	});

	$("a[data-toggle=\"tab\"]").click(function(e) {
		e.preventDefault();
		$(this).tab("show");
	});
});

/* When clicking on Full hide fail/success boxes */
$('#name').focus(function() {
	$('#success').html('');
});