/*!
 * jquery.form-abandonment.js
 * Written by Adam Coard - @AdamCoard
 * Original jQuery plugin boilerplate author: @addyosmani
 * Licensed under the MIT license
 */


;(function ( $, window, document, undefined ) {
 
    var pluginName = "trackEngagement",
        defaults = {
            abandonmentCategory: 'abandonment',
            abandonmentAction: 'abandonedForm',
            abandonedLabel: 'Left form unchanged',
            notAbandonedLabel : 'Filled out form',
            submitCategory : 'form',
            submitAction: 'submit',
			//there is no submit label, because the label are the fields in the form modified
			trackFilledOutFormFields : true
        };
 
    // The actual plugin constructor
    function Plugin( element, options ) {
        this.element = element;
        this.options = $.extend( {}, defaults, options) ;
 
        this._defaults = defaults;
        this._name = pluginName;
 
        this.init();
    }
 
    
    Plugin.prototype.init = function () {
        // We already have access to the DOM element and
        // the options via the instance, e.g. this.element
		// and this.options
		
		if(!("ga" in window))
			return;

        if (this.element.tagName.toLowerCase().indexOf('form') !== -1){
            leftPageWithoutFillingOutAnything(this.element, this.options);
            submitEvent(this.element, this.options);
        }
        else {
            throw new Error('TrackEngagement be called on <form> elements only');
        }

    };
 
    // A really lightweight plugin wrapper around the constructor,
    // preventing against multiple instantiations
    $.fn[pluginName] = function ( options ) {
        return this.each(function () {
            if ( !$.data(this, "plugin_" + pluginName )) {
                $.data( this, "plugin_" + pluginName,
                new Plugin( this, options ));
            }
        });
    };


    leftPageWithoutFillingOutAnything = function(element, options){

		var hasFilledOutForm = false,
			filledOutFormFields = 0,
			eventValue = 1;

        $(element).find(":input").blur(function(ev){
            if (ev.target.type === 'checkbox' && ev.target.checked ){
                hasFilledOutForm = true;
            }
            else if ( $(ev.target).prop('type') != 'hidden' && $(ev.target).val() ){
				hasFilledOutForm = true;
				filledOutFormFields += 1;
            }
		});
		
		// if(options["trackFilledOutFormFields"] === true && filledOutFormFields > 1) {
		// 	eventValue = filledOutFormFields;
		// }
        
        //Fires right as the page is closing.  Should work on most browsers beside Opera.
        window.onbeforeunload = function() {
            var message = hasFilledOutForm ? options["notAbandonedLabel"] : options["abandonedLabel"];
            ga('send', 'event', options['abandonmentCategory'], options['abandonmentAction'], message, eventValue);
        };
    };

    submitEvent = function(element, options){

        $(element).submit(function(ev){
            ga('send', 'event', options['submitCategory'], options['submitAction'], $(ev.target).prop('id'), 1);

            // var formData = $(ev.target).serialize();
            
            // //remove the CSRF token from the serialized string
            // if (formData.indexOf('_token=') !== -1){
            //     formData = formData.slice(formData.indexOf('&'));
            // }

            // //Convert the query string to just the parameters
            // formData = formData.match( /([^&?]*?)[=]/g  );
            // formData = formData.map(function(e){return decodeURI(e);});

            // formData.forEach(function(e, i){
            //     ga('send', 'event', options['submitCategory'], options['submitAction'], e, 1);
            // });

        });

    };
 
})( jQuery, window, document );