/**
*
* -----------------------------------------------------------------------------
*
* Template : Insurigo - Insurance HTML Template
* Author : rs-theme
* Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
*
**/

(function($) {
    'use strict';
    // Get the form.
    var form = $('#contact-form');

    // Get the messages div.
    var formMessages = $('#form-messages');

    // Set up an event listener for the contact form.
    $(form).submit(function(e) {
        // Stop the browser from submitting the form.
        e.preventDefault();

        // Serialize the form data.
        var formData = $(form).serialize();

        // Submit the form using AJAX.
        $.ajax({
            type: 'POST',
            url: $(form).attr('action'),
            data: formData
        })
        .done(function(response) {
            // Make sure that the formMessages div has the 'success' class.
            $(formMessages).removeClass('error');
            $(formMessages).addClass('success');

            // Set the message text.
            $(formMessages).text(response);

            
            // Clear the form.
            $('#name, #email').val('');

            var phone = $('#phone');
            if (phone.length) {
                $('#phone').val('');
            }
            var subject = $('#subject');
            if (subject.length) {
                $('#subject').val('');
            }
            var insurance_type = $('#insurance-type');
            if (insurance_type.length) {
                $('#insurance-type').val('');
            }
            var balance_limits = $('#balance-limits');
            if (balance_limits.length) {
                $('#balance-limits').val('');
            }
            var message = $('#message');
            if (message.length) {
                $('#message').val('');
            }
        })
        .fail(function(data) {
            // Make sure that the formMessages div has the 'error' class.
            $(formMessages).removeClass('success');
            $(formMessages).addClass('error');

            // Set the message text.
            if (data.responseText !== '') {
                $(formMessages).text(data.responseText);
            } else {
                $(formMessages).text('Oops! An error occured and your message could not be sent.');
            }
        });
    });

})(jQuery);