$(document).ready(function() {
  $('.popup-btn').click(function(e) {
    $(this).parent().parent().next(".popup-wrap").fadeIn(500);
    $('.popup-box').removeClass('transform-out').addClass('transform-in');

    e.preventDefault();
  });

  $('.popup-btn').click(function(e) {
    $(this).parent().next(".popup-wrap").fadeIn(500);
    $('.popup-box').removeClass('transform-out').addClass('transform-in');

    e.preventDefault();
  });

  $('.popup-close').click(function(e) {
    $('.popup-wrap').fadeOut(500);
    $('.popup-box').removeClass('transform-in').addClass('transform-out');

    e.preventDefault();
  });

  $( "#contact-form" ).on( "submit", function(e) {
 
    var dataString = $(this).serialize();
     
    // alert(dataString); return false;
 
    $.ajax({
        type: "POST",
        url: "contactform.php",
        data: dataString,
        success: function(response){
            console.log(response);
            if (response.succes){
                console.log('succes');
                $('#message').remove();
                $("#contact-form").html("<div id='message'></div>");
                $("#message").html("<h2>Bedankt voor het invullen!</h2>").append("<p>We zullen zo snel mogelijk contact opnemen.</p>").hide().fadeIn(1500, function () {
                    $("#message").append("");
                });
            } else {
                console.log('geen succes');
                $('#message').remove();
                $("<div id='message'></div>").insertAfter($("#contact-form"));
                $("#message").html("<h2>Er ging iets mis!</h2>").append("<p>" + response.error + "</p>").hide().fadeIn(1500, function () {
                    $("#message").append("");
                });
            }
        }
    }); 
    e.preventDefault();
  });


  $("#download-form" ).on( "submit", function(e) {
    var dataString = $(this).serialize();
    $.ajax({
        type: "POST",
        url: "downloadform.php",
        data: dataString,
        success: function(response){
            console.log(response);
            if (response.succes){
                console.log('succes');
                $('#message').remove();
                $("#download_form").html("<div id='message'></div>");
                $("#message").html("<h2>Bedankt voor het invullen van je gegevens!</h2>").append("<p>Je krijgt de brochure in je mailbox, het kan zijn dat deze in uw spambox terecht is gekomen.</p>").hide().fadeIn(1500, function () {
                    $("#message").append("");
                });
            } else {
                console.log('geen succes');
                $('#message').remove();
                $("<div id='message'></div>").insertAfter($("#download_form"));
                $("#message").html("<h2>Er ging iets mis!</h2>").append("<p>" + response.error + "</p>").hide().fadeIn(1500, function () {
                    $("#message").append("");
                });
            }
        } 
    });
    e.preventDefault();
  });

});