/*!
 * PopConfirm 0.1
 * http://anaelfavre.github.io/PopConfirm/
 *
 * Use jQuery & Bootstrap
 * http://jquery.com/
 * http://getbootstrap.com/
 *
 * Copyright 2014 Anael Favre and other contributors
 * Released under the MIT license
 * https://raw.github.com/AnaelFavre/PopConfirm/master/LICENCE
 */

(function($){
	$.fn.extend({
		popConfirm: function(options) {
			var defaults = {
				title: 'Revisa los datos',
				content: '',
				placement: 'right',
				container: 'body',
				yesBtn:   'Sí, reservar :)',
				noBtn:    'Modificar'
			};
			var options =  $.extend(defaults, options);
			var last = null;
			
			return this.each(function() {
				var self = $(this);
				var arrayActions = [];
				
				// If there are jquery click events
				if (typeof(jQuery._data(this, "events")) != "undefined" && typeof(jQuery._data(this, "events")['click']) != "undefined") {
					
					// Save all click handlers
					for (var i = 0; i < jQuery._data(this, "events")['click'].length; i++) {
						arrayActions.push(jQuery._data(this, "events")['click'][i].handler);
					}
					
					// unbind it to prevent it firing
					$(self).unbind("click");
				}
				
				// If there are hard onclick attribute
				if(typeof self.attr('onclick') != 'undefined') {
					// Extracting the onclick code to evaluate and bring it into a closure
					var code = self.attr('onclick');
					arrayActions.push(function() {
						eval(code);
					});
					$(self).removeAttr('onclick');
				}
				
				// If there are href link defined
				if(typeof self.attr('href') != 'undefined') {
					// Assume there is a href attribute to redirect to
					arrayActions.push(function() {
						window.location.href = self.attr('href');
					});
				}
				
				// If the button is a submit one
				if(typeof self.attr('type') != 'undefined' && self.attr('type') == 'submit') {
					// Get the form related to this button then store submiting in closure
					var form = $(this).parents('form:first');
					arrayActions.push(function() {
						form.submit();
					});
				}
				
				self.popover({
					trigger: 'manual',
					title: options.title,
					left: '150px',
					html: true,
					placement: options.placement,
					container: options.container,
					content: options.content + '\
					  <p id="textPopConfirm">\
					  </p>\
						<p class="button-group" style="margin-top: 10px; text-align: center;">\
							<button type="button" class="btn btn-small btn-success confirm-dialog-btn-confirm">' + options.yesBtn + '</button>\
							<button type="button" class="btn btn-small confirm-dialog-btn-abord">' + options.noBtn + '</button>\
						</p>'
				}).click(function(e) {
					if(last && last !== self) last.popover('hide');
					last = self;
				});
				
				$(document).on('click', function(){
				    if (last) last.popover('hide');
				});

				self.bind('click', function(e) {
					e.preventDefault();
					e.stopPropagation();
					
					self.popover('show');
					
					$('.confirm-dialog-btn-confirm').bind('click', function(e) {
						self.popover('hide');
						for(var i = 0; i < arrayActions.length; i++) {
							arrayActions[i].apply(self);
						}
						
						
					});
					$('.confirm-dialog-btn-abord').bind('click', function(e) {
						self.popover('hide');
					});
				});
			});
		}
	});   
})(jQuery);