$(function() {
  $(".quote").click(function() {
    $("#quote-form fieldset").slideToggle({easing:'easeOut', duration: 400});
    $("#confirmation").hide();
    $("#error").hide();
    return false;
  });
  $("#quote-form").submit(function(){
    console.log('form submitted');
    var form_url = $(this).attr("action");
    
    var form_data = $(this).serialize();
    form_data += "&ajax_request=true";

    if ( validateForm() ) {
      $.ajax({
        url: form_url,
        type: "POST",
        data: form_data,
        success: function(data, textStatus, xhr){
          var response = jQuery.parseJSON(data);
          console.log(response["status"]);
          if (response["status"] == "ok") {
            $("#quote-form fieldset").hide();
            $("#confirmation").show();
          } else {
            $("#error").show();
          }
        },
        error: function(xhr, textStatus, error){
          console.log("Error");
        }
      });
    }
    return false;
  });
  function validateForm() {
    var name = $("#name").val();
    var company = $("#company").val();
    var email = $("#email").val();
    var phone = $("#phone").val();
    
    var error = false;
    
    if (name == "") {
      $('#name').addClass("required");
      error = true
    }
    
    else {
      $('#name').removeClass("required");
    }
    
    if (company == "") {
      $('#company').addClass("required");
      error = true
    }
    
    else {
      $('#company').removeClass("required");
    }
    
    if (email == "") {
      $('#email').addClass("required");
      error = true
    }
    
    else {
      $('#email').removeClass("required");
    }
    
    if (phone == "") {
      $('#phone').addClass("required");
      error = true
    }
    
    else {
      $('#phone').removeClass("required");
    }
    
    return !error;
  }
});