var lastPullNotification;
var lastPullService;
var lastKDSTimestamp;

var firstTimePullNotifications = true;

var isSoundActivated = true;

$(document).ready(function () {

	if ($("#urlPullValidateNotifications").length > 0) {

		pullValidateNotifications();
	}
});

function pullRegisterValidateNotifications() {
	setTimeout(function () {
		pullValidateNotifications()
	}, 15000);
}

function pullValidateNotifications() {
	var url = $("#urlPullValidateNotifications").val();

	if (url == null) {
		return;
	}

	$.ajax({
		url: url,
		type: "POST",
		dataType: "json",
		async: false,
		cache: false,
		processData: false,
		contentType: false,
		success: function (result) {
			if (result.response == "ok") {
				var notification = result.data.notification;
				var service = result.data.service;
				var kdsTimestamp = result.data.kds.lastTimestamp;

				if (firstTimePullNotifications) {

					lastPullNotification = notification.desc;
					lastPullService = service.lastTimestamp;
					lastKDSTimestamp = kdsTimestamp;
					firstTimePullNotifications = false;

					return;
				}

				//Evaluar notificaciones
				if (notification.exists && notification.desc != "N/A" && (lastPullNotification == null || lastPullNotification != notification.desc)) {
					lastPullNotification = notification.desc;

					new PNotify({
						title: 'Última notificación',
						text: '<a href="' + notification.url + '" class="alert-link">' + lastPullNotification + '</a>',
						addclass: 'real-notifications',
						hide: true,
						sticker: false
					});


					playSound();

					if ($("#url-load-admin-company-booking-by-state").length > 0) {
						loadCompanyAdminBookings();
					}
				}

				if (service.exists && (lastPullService == null || lastPullService != service.lastTimestamp)) {
					lastPullService = service.lastTimestamp;

					if ($("#url-load-admin-company-order-by-state").length > 0) {
						evaluateNotificationOptions(service);
						loadCompanyAdminOrders();
					}


					if ($("#url-load-company-delivery-orders").length > 0) {
						evaluateNotificationOptions(service);
						loadDeliveryServices();
					}

					if ($("#url-load-user-delivery-orders").length > 0) {
						evaluateNotificationOptions(service);
						loadDeliveryServices();
					}
				}
				
				if(lastKDSTimestamp != kdsTimestamp) {
					console.log("recargar la página KDS");
					loadCompanyAdminOrders();
					lastKDSTimestamp = kdsTimestamp;
				}
			}
		}
	});

	pullRegisterValidateNotifications();
}

function evaluateNotificationOptions(service) {
	if (service.options.indexOf("S") != -1) {
		playSound();
	}

	if (service.options.indexOf("N") != -1) {
		new PNotify({
			title: 'Última notificación',
			text: 'Cambios en la orden',
			addclass: 'real-notifications',
			hide: true,
			sticker: false
		});
	}

}

function activateSound(control, cssActivated, cssNormal) {

	isSoundActivated = !isSoundActivated;
	$(control).attr("class", isSoundActivated ? cssActivated : cssNormal);
	playSound();
}

function playSound() {

	if (isSoundActivated) {
		$(".audio")[0].play();
	}
}

function showMessageInApp() {
	setTimeout(function () {
		var url = $("#urlValidMessageInApp").val();

		$.ajax({
			url: url,
			type: "POST",
			dataType: "json",
			async: false,
			cache: false,
			processData: false,
			contentType: false,
			success: function (result) {
				_showMessageInApp(result);
			}
		});

	}, 1000);
}

function _showMessageInApp(result) {
	if (result.response == "ok") {

		var modal = $("#modalInAppMessageDialog");

		modal.find(".modal-content").prop("style", "background-color: " + result.data.themeBgColor + ";");

		modal.find(".modal-title").html(result.data.companyName);
		modal.find(".modal-title").prop("style", "color: " + result.data.themeTextColor + ";");

		modal.find(".inappmsg-title").html(result.data.title);
		modal.find(".inappmsg-title").prop("style", "color: " + result.data.themeTextColor + ";");

		modal.find(".inappmsg-video").hide();
		modal.find(".inappmsg-img").hide();

		if (result.data.videoUrl != "") {
			modal.find(".inappmsg-video").show();
			modal.find(".inappmsg-video").attr("src", result.data.videoUrl);
		}
		else if (result.data.imageUrl != "") {
			modal.find(".inappmsg-img").show();
			modal.find(".inappmsg-img").attr("src", result.data.imageUrl);
		}

		modal.find(".inappmsg-desc").html(result.data.message);
		modal.find(".inappmsg-desc").prop("style", "color: " + result.data.themeTextColor + ";");

		modal.find(".inappmsg-cta").prop("href", result.data.ctaUrl);

		modal.find(".inappmsg-btn").html(result.data.ctaTypeDesc);
		modal.find(".inappmsg-btn").prop("style", "background-color: " + result.data.themeTextColor + "; color: " + result.data.themeBgColor + ";");

		modal.modal('show');
	}
}

function openMessageInAppCtaUrl(ctaUrl) {
	var url = $("#urlCountUsedMessageInAppCtaUrl").val();

	$.ajax({
		url: url,
		type: "POST",
		dataType: "json",
		async: false,
		cache: false,
		processData: false,
		contentType: false,
		success: function (result) {
			if (result.response == "ok") {
				window.open(ctaUrl);
			}
			else {
				showModalDialog("Url Cta", result.data);
			}
		}
	});
}

function openNav() {
	document.getElementById("mySidenav").style.left = "0";
}

function closeNav() {
	document.getElementById("mySidenav").style.left = "-29rem";
}

/* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;

for (i = 0; i < dropdown.length; i++) {
	dropdown[i].addEventListener("click", function () {
		this.classList.toggle("active");
		var dropdownContent = this.nextElementSibling;
		if (dropdownContent.style.display === "block") {
			dropdownContent.style.display = "none";
		} else {
			dropdownContent.style.display = "block";
		}
	});
}

$(function () {

	// Dropdown toggle
	$('.dropdown-toggle').click(function () {
		$(this).next('.dropdown').toggle(400);
	});

	$(document).click(function (e) {
		var target = e.target;
		if (!$(target).is('.dropdown-toggle') && !$(target).parents().is('.dropdown-toggle')) {
			$('.dropdown').hide();
		}
	});

});


function helpModal() {
	$("#helpVideo").modal('show');
}

$(document).ready(function () {
	// Default initialization
	if ($('.select').length > 0) {
		$('.select').select2({
			minimumResultsForSearch: Infinity
		});
	}
	// Select with search
	if ($('.select-search').length > 0) {
		$('.select-search').select2();
	}
	// Basic initialization
	if ($('.vigencia').length > 0) {
		$('.vigencia').daterangepicker({
			applyClass: 'btn-success',
			cancelClass: 'btn-danger',
			locale: {
				format: 'YYYY-MM-DD',
				applyLabel: 'Aplicar',
				cancelLabel: 'Cancelar',
				startLabel: 'Fecha de Inicio',
				endLabel: 'Fecha Final',
				customRangeLabel: 'Personalizado',
				daysOfWeek: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
				monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Маyo', 'Junio', 'Julio', 'Аgosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
				firstDay: 1
			}
		});
	}
	// Single picker
	if ($('.fecha-reserva').length > 0) {
		$('.fecha-reserva').daterangepicker({
			singleDatePicker: true,
			locale: {
				format: 'YYYY-MM-DD',
				applyLabel: 'Aplicar',
				cancelLabel: 'Cancelar',
				startLabel: 'Fecha de Inicio',
				endLabel: 'Fecha Final',
				customRangeLabel: 'Personalizado',
				daysOfWeek: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
				monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Маyo', 'Junio', 'Julio', 'Аgosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
				firstDay: 1
			}
		});
	}
	if ($('.fecha-evento').length > 0) {
		$('.fecha-evento').daterangepicker({
			singleDatePicker: true,
			locale: {
				format: 'YYYY-MM-DD',
				applyLabel: 'Aplicar',
				cancelLabel: 'Cancelar',
				startLabel: 'Fecha de Inicio',
				endLabel: 'Fecha Final',
				customRangeLabel: 'Personalizado',
				daysOfWeek: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
				monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Маyo', 'Junio', 'Julio', 'Аgosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
				firstDay: 1
			}
		});
	}
	// Simple toolbar
	if ($('.editor-extra').length > 0) {
		$('.editor-extra').wysihtml5({
			parserRules: wysihtml5ParserRules,
			"font-styles": true, // Font styling, e.g. h1, h2, etc. Default true
			"emphasis": true, // Italics, bold, etc. Default true
			"lists": true, // (Un)ordered lists, e.g. Bullets, Numbers. Default
			// true
			"html": true, // Button which allows you to edit the generated HTML.
			// Default false
			"link": true, // Button to insert a link. Default true
			"image": false, // Button to insert an image. Default true,
			"action": true, // Undo / Redo buttons,
			"color": false
			// Button to change color of font
		});
	}

	// Fechas
	var yesterday = new Date((new Date()).valueOf() - 1000 * 60 * 60 * 24);
	$('.bc-date').pickadate({
		firstDay: 1,
		monthsFull: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
		weekdaysShort: ['DO', 'LU', 'MA', 'MI', 'JU', 'VI', 'SA'],
		today: 'Hoy',
		clear: 'Borrar',
		close: 'Cerrar',
		format: 'yyyy-mm-dd',
		selectYears: true,
		selectMonths: true,
		disable: [
			{ from: [0, 0, 0], to: yesterday }
		]
	});
	$('.bc-date__unlocked').pickadate({
		firstDay: 1,
		monthsFull: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
		weekdaysShort: ['DO', 'LU', 'MA', 'MI', 'JU', 'VI', 'SA'],
		today: 'Hoy',
		clear: 'Borrar',
		close: 'Cerrar',
		format: 'yyyy-mm-dd',
		selectYears: true,
		selectMonths: true,
	});
	$('.payment-date').pickadate({
		firstDay: 1,
		monthsFull: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
		weekdaysShort: ['DO', 'LU', 'MA', 'MI', 'JU', 'VI', 'SA'],
		today: 'Hoy',
		clear: 'Borrar',
		close: 'Cerrar',
		format: 'yyyy-mm-dd',
		selectYears: true,
		selectMonths: true,
	});
	$('.nice__daterange').daterangepicker({
		singleDatePicker: true,
		locale: {
			format: 'YYYY-MM-DD',
			applyLabel: 'Aplicar',
			cancelLabel: 'Cancelar',
			startLabel: 'Fecha inicial',
			endLabel: 'Fecha final',
			customRangeLabel: 'Fecha personalizada',
			daysOfWeek: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
			monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
			firstDay: 1
		}
	});

	$.datepicker.regional['es'] = {
		closeText: 'Cerrar',
		prevText: '<',
		nextText: '>',
		currentText: 'Hoy',
		monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
		monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
		dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
		dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
		dayNamesMin: ['D', 'L', 'M', 'X', 'J', 'V', 'S'],
		weekHeader: 'Sm',
		dateFormat: 'dd/mm/yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''
	};
	$.datepicker.setDefaults($.datepicker.regional['es']);

	// Horas
	$('.bc-time').pickatime({
		format: 'HH:i',
		formatSubmit: 'HH:i'
	});
	// Hora del Evento
	$('.event-time').pickatime({
		format: 'HH:i',
		formatSubmit: 'HH:i'
	});
	// Hora de la Reserva
	$('.booking-time').pickatime({
		format: 'HH:i',
		formatSubmit: 'HH:i',
		min: [5, 0],
		max: [23, 30],
		formatLabel: 'h:i a'
	});

	$('.pickup-time').pickatime({
		format: 'HH:i',
		formatSubmit: 'HH:i',
		formatLabel: 'h:i a',
		interval: 15
	});
	$('.pickatime').pickatime({
		format: 'H:i a',
		formatSubmit: 'H:i',
		min: [5, 0],
		max: [23, 30],
	});
	$('.horario-restaurante_open').pickatime({
		format: 'H:i a',
		formatLabel: 'h:i a',
		formatSubmit: 'h:i a'
	});
	$('.horario-restaurante_close').pickatime({
		format: 'H:i a',
		formatLabel: 'h:i a',
		formatSubmit: 'h:i a'
	});
	$('.fecha-cupon-inicio').daterangepicker({
		singleDatePicker: true,
		locale: {
			format: 'YYYY-MM-DD',
			applyLabel: 'Aplicar',
			cancelLabel: 'Cancelar',
			startLabel: 'Fecha de Inicio',
			endLabel: 'Fecha Final',
			customRangeLabel: 'Personalizado',
			daysOfWeek: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
			monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Маyo', 'Junio', 'Julio', 'Аgosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
			firstDay: 1
		}
	});
	$('.fecha-cupon-final').daterangepicker({
		singleDatePicker: true,
		locale: {
			format: 'YYYY-MM-DD',
			applyLabel: 'Aplicar',
			cancelLabel: 'Cancelar',
			startLabel: 'Fecha Final',
			endLabel: 'Fecha Final',
			customRangeLabel: 'Personalizado',
			daysOfWeek: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
			monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Маyo', 'Junio', 'Julio', 'Аgosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
			firstDay: 1
		}
	});
	$('.fecha-nacimiento').daterangepicker({
		singleDatePicker: true,
		locale: {
			format: 'YYYY-MM-DD',
			applyLabel: 'Aplicar',
			cancelLabel: 'Cancelar',
			startLabel: 'Fecha de Inicio',
			endLabel: 'Fecha Final',
			customRangeLabel: 'Personalizado',
			daysOfWeek: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
			monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Маyo', 'Junio', 'Julio', 'Аgosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
			firstDay: 1
		}
	});

	if ($('.tags-input').length > 0) {
		$('.tags-input').tagsinput();
	}

	// Table setup
	// Setting datatable defaults
	if ($.fn.dataTable != null) {
		$.extend($.fn.dataTable.defaults, {
			autoWidth: false,
			dom: '<"datatable-header"fBl><"datatable-scroll-wrap"t><"datatable-footer"ip>',
			language: {
				search: '<span>Filtro:</span> _INPUT_',
				searchPlaceholder: 'Escribe para filtrar...',
				lengthMenu: '<span>Mostrando:</span> _MENU_',
				paginate: {
					'first': 'Primero',
					'last': 'Último',
					'next': '&rarr;',
					'previous': '&larr;'
				}
			}
		});
	}
	// Basic initialization
	if ($('.app-table').length > 0) {
		$('.app-table').DataTable({
			responsive: true,
		});
	}

	// Checkboxes, radios
	if ($('.styled').length > 0) {
		$(".styled").uniform({
			radioClass: 'choice'
		});
		// Style form components
		$('.styled').uniform();
	}

	// Initialize
	if ($(".validar").length > 0) {
		var validator = $(".validar").validate(
			{
				ignore: 'input[type=hidden], .select2-search__field', // ignore
				// hidden
				// fields
				errorClass: 'validation-error-label',
				successClass: 'validation-valid-label',
				highlight: function (element, errorClass) {
					$(element).removeClass(errorClass);
				},
				unhighlight: function (element, errorClass) {
					$(element).removeClass(errorClass);
				},

				// Different components require proper error label placement
				errorPlacement: function (error, element) {

					// Styled checkboxes, radios, bootstrap switch
					if (element.parents('div').hasClass("checker") || element.parents('div').hasClass("choice")
						|| element.parent().hasClass('bootstrap-switch-container')) {
						if (element.parents('label').hasClass('checkbox-inline') || element.parents('label').hasClass('radio-inline')) {
							error.appendTo(element.parent().parent().parent().parent());
						} else {
							error.appendTo(element.parent().parent().parent().parent().parent());
						}
					}

					// Unstyled checkboxes, radios
					else if (element.parents('div').hasClass('checkbox') || element.parents('div').hasClass('radio')) {
						error.appendTo(element.parent().parent().parent());
					}

					// Input with icons and Select2
					else if (element.parents('div').hasClass('has-feedback') || element.hasClass('select2-hidden-accessible')) {
						error.appendTo(element.parent());
					}

					// Inline checkboxes, radios
					else if (element.parents('label').hasClass('checkbox-inline') || element.parents('label').hasClass('radio-inline')) {
						error.appendTo(element.parent().parent());
					}

					// Input group, styled file input
					else if (element.parent().hasClass('uploader') || element.parents().hasClass('input-group')) {
						error.appendTo(element.parent().parent());
					} else if (element.parents().hasClass('form-editor')) {
						error.appendTo(element.parent().parent());
					} else {
						error.insertAfter(element);
					}
				},
				validClass: "validation-valid-label",
				success: function (label) {
					label.addClass("validation-valid-label").text("Correcto.")
				},
				rules: {
					password: {
						minlength: 5
					},
					repeat_password: {
						equalTo: "#password"
					},
					email: {
						email: true
					},
					repeat_email: {
						equalTo: "#email"
					},
					minimum_characters: {
						minlength: 10
					},
					maximum_characters: {
						maxlength: 10
					},
					minimum_number: {
						min: 10
					},
					maximum_number: {
						max: 10
					},
					number_range: {
						range: [10, 20]
					},
					url: {
						url: true
					},
					date: {
						date: true
					},
					date_iso: {
						dateISO: true
					},
					numbers: {
						number: true
					},
					digits: {
						digits: true
					},
					creditcard: {
						creditcard: true
					},
					basic_checkbox: {
						minlength: 2
					},
					styled_checkbox: {
						minlength: 2
					},
					switchery_group: {
						minlength: 2
					},
					switch_group: {
						minlength: 2
					}
				},
				messages: {
					custom: {
						required: "This is a custom error message",
					},
					agree: "Please accept our policy"
				}
			});
	}

	// Initialize
	if ($(".validar-edit").length > 0) {

		var validator = $(".validar-edit").validate(
			{
				ignore: 'input[type=hidden], .select2-search__field', // ignore
				// hidden
				// fields
				errorClass: 'validation-error-label',
				successClass: 'validation-valid-label',
				highlight: function (element, errorClass) {
					$(element).removeClass(errorClass);
				},
				unhighlight: function (element, errorClass) {
					$(element).removeClass(errorClass);
				},

				// Different components require proper error label placement
				errorPlacement: function (error, element) {

					// Styled checkboxes, radios, bootstrap switch
					if (element.parents('div').hasClass("checker") || element.parents('div').hasClass("choice")
						|| element.parent().hasClass('bootstrap-switch-container')) {
						if (element.parents('label').hasClass('checkbox-inline') || element.parents('label').hasClass('radio-inline')) {
							error.appendTo(element.parent().parent().parent().parent());
						} else {
							error.appendTo(element.parent().parent().parent().parent().parent());
						}
					}

					// Unstyled checkboxes, radios
					else if (element.parents('div').hasClass('checkbox') || element.parents('div').hasClass('radio')) {
						error.appendTo(element.parent().parent().parent());
					}

					// Input with icons and Select2
					else if (element.parents('div').hasClass('has-feedback') || element.hasClass('select2-hidden-accessible')) {
						error.appendTo(element.parent());
					}

					// Inline checkboxes, radios
					else if (element.parents('label').hasClass('checkbox-inline') || element.parents('label').hasClass('radio-inline')) {
						error.appendTo(element.parent().parent());
					}

					// Input group, styled file input
					else if (element.parent().hasClass('uploader') || element.parents().hasClass('input-group')) {
						error.appendTo(element.parent().parent());
					}

					else {
						error.insertAfter(element);
					}
				},
				validClass: "validation-valid-label",
				success: function (label) {
					label.addClass("validation-valid-label").text("Correcto.")
				},
				rules: {
					password: {
						minlength: 5
					},
					repeat_password: {
						equalTo: "#password"
					},
					email: {
						email: true
					},
					repeat_email: {
						equalTo: "#email"
					},
					minimum_characters: {
						minlength: 10
					},
					maximum_characters: {
						maxlength: 10
					},
					minimum_number: {
						min: 10
					},
					maximum_number: {
						max: 10
					},
					number_range: {
						range: [10, 20]
					},
					url: {
						url: true
					},
					date: {
						date: true
					},
					date_iso: {
						dateISO: true
					},
					numbers: {
						number: true
					},
					digits: {
						digits: true
					},
					creditcard: {
						creditcard: true
					},
					basic_checkbox: {
						minlength: 2
					},
					styled_checkbox: {
						minlength: 2
					},
					switchery_group: {
						minlength: 2
					},
					switch_group: {
						minlength: 2
					}
				},
				messages: {
					custom: {
						required: "This is a custom error message",
					},
					agree: "Please accept our policy"
				}
			});
	}

	// Reset form
	$('#reset').on('click', function () {
		validator.resetForm();
	});

	// Alert combination
	$('#cambio-clave').on('click', function () {
		swal({
			title: "¿Estás seguro?",
			text: "¿Desea notificar la clave de acceso del usuario niceeat ?",
			type: "warning",
			showCancelButton: true,
			confirmButtonColor: "#EF5350",
			confirmButtonText: "Si, enviar!",
			cancelButtonText: "No, cancelar!",
			closeOnConfirm: false,
			closeOnCancel: false
		}, function (isConfirm) {
			if (isConfirm) {
				swal({
					title: "Enviada!",
					text: "Tu nueva contraseña ha sido generada.",
					confirmButtonColor: "#66BB6A",
					type: "success"
				});
			} else {
				swal({
					title: "Cancelado",
					text: "Tu contraseña sigue siendo la misma :)",
					confirmButtonColor: "#2196F3",
					type: "error"
				});
			}
		});
	});

	// Override defaults
	if ($.fn.stepy != null) {
		$.fn.stepy.defaults.legend = false;
		$.fn.stepy.defaults.transition = 'fade';
		$.fn.stepy.defaults.duration = 150;
		$.fn.stepy.defaults.backLabel = '<button class="btn stepy-finish"><i class="icon-chevron-left"></i> Anterior</button>';
		$.fn.stepy.defaults.nextLabel = '<button class="btn stepy-finish">Siguiente <i class="icon-chevron-right"></i></button>';

		// Clickable titles
		$(".stepy-clickable").stepy({
			titleClick: true
		});
	}

	// Modal template
	var modalTemplate = '<div class="modal-dialog modal-lg" role="document">\n' + '  <div class="modal-content">\n' + '    <div class="modal-header">\n'
		+ '      <div class="kv-zoom-actions btn-group">{toggleheader}{fullscreen}{borderless}{close}</div>\n'
		+ '      <h6 class="modal-title">{heading} <small><span class="kv-zoom-title"></span></small></h6>\n' + '    </div>\n'
		+ '    <div class="modal-body">\n' + '      <div class="floating-buttons btn-group"></div>\n'
		+ '      <div class="kv-zoom-body file-zoom-content"></div>\n' + '{prev} {next}\n' + '    </div>\n' + '  </div>\n' + '</div>\n';

	// Buttons inside zoom modal
	var previewZoomButtonClasses = {
		toggleheader: 'btn btn-default btn-icon btn-xs btn-header-toggle',
		fullscreen: 'btn btn-default btn-icon btn-xs',
		borderless: 'btn btn-default btn-icon btn-xs',
		close: 'btn btn-default btn-icon btn-xs'
	};

	// Icons inside zoom modal classes
	var previewZoomButtonIcons = {
		prev: '<i class="icon-arrow-left32"></i>',
		next: '<i class="icon-arrow-right32"></i>',
		toggleheader: '<i class="icon-menu-open"></i>',
		fullscreen: '<i class="icon-screen-full"></i>',
		borderless: '<i class="icon-alignment-unalign"></i>',
		close: '<i class="icon-cross3"></i>'
	};

	// File actions
	var fileActionSettings = {
		zoomClass: 'btn btn-link btn-xs btn-icon',
		zoomIcon: '<i class="icon-zoomin3"></i>',
		dragClass: 'btn btn-link btn-xs btn-icon',
		dragIcon: '<i class="icon-three-bars"></i>',
		removeClass: 'btn btn-link btn-icon btn-xs',
		removeIcon: '<i class="icon-trash"></i>',
		indicatorNew: '<i class="icon-file-plus text-slate"></i>',
		indicatorSuccess: '<i class="icon-checkmark3 file-icon-large text-success"></i>',
		indicatorError: '<i class="icon-cross2 text-danger"></i>',
		indicatorLoading: '<i class="icon-spinner2 spinner text-muted"></i>'
	};

	showAlergens(".menu-plate__alergens");

	if ($('#booking_date').length > 0 && $('#booking_date').pickadate("picker") != null) {
		loadBookingExceptionDates();

		var picker = $('#booking_date').pickadate("picker");

		picker.on({
			set: function (context) {
				if (context.select != null) {
					var companyId = $("#company-id").val();
					var dateFormatted = $.datepicker.formatDate('yy-mm-dd', new Date(context.select));
					var url = $("#url-company-schedule-valid-hours").val();

					var formData = new FormData();
					formData.append("company-id", companyId);
					formData.append("date", dateFormatted);

					showWindowLocker();
					$.ajax({
						url: url,
						type: "POST",
						data: formData,
						dataType: "json",
						cache: false,
						processData: false,
						contentType: false,
						success: function (result) {
							hideWindowLocker();
							// alert(result);
							if (result.response != "ok")
								showModalDialog("Reservas", result.data);
							else {

								var hourStart = result.data[0].split(":");
								var hourEnd = result.data[1].split(":");

								$('#booking_hour').val("");
								$('#booking_hour').pickatime("picker").set('min', [hourStart[0], hourStart[1]]);
								$('#booking_hour').pickatime("picker").set('max', [hourEnd[0], hourEnd[1]]);
							}
						}
					});
				}
			}
		});
		//
	}
});

function showAlergens(containerName) {
	$(containerName).find(".featured-menu").before('<a title="Recomendado" class="alg-recomended"><i class="fi fi-rr-star"></i></a>');
	$(containerName).find(".new-menu").before('<a title="Nuevo" class="alg-new"><i class="fi fi-rr-party-horn"></i></a>');
	$(containerName).find(".spicy-menu").before('<a title="Tiene Picante" class="alg-spicy"><i class="fi fi-rr-pepper"></i></a>');
	$(containerName).find(".celiacos-menu").before('<a title="Sin gluten" class="alg-glutenfree"><i class="fi fi-rr-wheat"></i></a>');
	$(containerName).find(".peanut-menu").before('<a title="Contiene Maní" class="alg-peanut"><i class="fi fi-rr-peanut"></i></a>');
	$(containerName).find(".veggie-menu").before('<a title="Vegetariano" class="alg-veggie"><i class="fi fi-rr-leaf"></i></a>');
	$(containerName).find(".shrimp-menu").before('<a title="Contiene Mariscos" class="alg-shrimp"><i class="fi fi-rr-shrimp"></i></a>');
	$(containerName).find(".dairy-menu").before('<a title="Contiene Lácteos" class="alg-dairy"><i class="fi fi-rr-cheese"></i></a>');
	$(containerName).find(".egg-menu").before('<a title="Contiene Huevo" class="alg-egg"><i class="fi fi-rr-egg"></i></a>');
	$(containerName).find(".soja-menu").before('<a title="Contiene Soja" class="alg-soy"><i class="fi fi-rr-peapod"></i></a>');
	$(containerName).find(".fish-menu").before('<a title="Contiene Pescado" class="alg-fish"><i class="fi fi-rr-fish"></i></a>');
}

function loadBookingExceptionDates() {
	var companyId = $("#company-id").val();
	var url = $("#url-company-booking-exception-dates").val();

	var formData = new FormData();
	formData.append("company-id", companyId);

	showWindowLocker();
	$.ajax({
		url: url,
		type: "POST",
		data: formData,
		dataType: "json",
		cache: false,
		processData: false,
		contentType: false,
		success: function (result) {
			hideWindowLocker();
			// alert(result);
			if (result.response != "ok") {
				showModalDialog("Reservas", result.data);
			} else {

				var disable = [];
				var yesterday = new Date((new Date()).valueOf() - 1000 * 60 * 60 * 24);

				disable.push({ from: [0, 0, 0], to: yesterday });

				$.each(result.data, function (index, element) {
					var arrayDate = element.split("-");

					disable.push(new Date(parseInt(arrayDate[0]), parseInt(arrayDate[1]) - 1, parseInt(arrayDate[2])));
				});

				$('#booking_date').pickadate("picker").set("disable", disable);
			}
		}
	});
}
jQuery(document).ready(function ($) {

	$('.nav a').click(function (e) {
		e.preventDefault()
		$(this).tab('show')
	})

	$('a.scroll').on('click', function (e) {
		var href = $(this).attr('href');
		$('html, body').animate({
			scrollTop: $(href).offset().top
		}, 'slow');
		e.preventDefault();
	});

});

jQuery(document).ready(function ($) {
	if ($('#lightgallery').length > 0) {
		$("#lightgallery").lightGallery({
			share: false,
			download: false
		});
	}
	if ($('.lightbox-img').length > 0) {
		$(".lightbox-img").lightGallery({
			share: false,
			download: false
		});
	}
});

$(function () {

	// Color palette
	var demoPalette = [["#000", "#444", "#666", "#999", "#ccc", "#eee", "#f3f3f3", "#fff"],
	["#f00", "#f90", "#ff0", "#0f0", "#0ff", "#00f", "#90f", "#f0f"],
	["#f4cccc", "#fce5cd", "#fff2cc", "#d9ead3", "#d0e0e3", "#cfe2f3", "#d9d2e9", "#ead1dc"],
	["#ea9999", "#f9cb9c", "#ffe599", "#b6d7a8", "#a2c4c9", "#9fc5e8", "#b4a7d6", "#d5a6bd"],
	["#e06666", "#f6b26b", "#ffd966", "#93c47d", "#76a5af", "#6fa8dc", "#8e7cc3", "#c27ba0"],
	["#c00", "#e69138", "#f1c232", "#6aa84f", "#45818e", "#3d85c6", "#674ea7", "#a64d79"],
	["#900", "#b45f06", "#bf9000", "#38761d", "#134f5c", "#0b5394", "#351c75", "#741b47"],
	["#600", "#783f04", "#7f6000", "#274e13", "#0c343d", "#073763", "#20124d", "#4c1130"]]
	if ($('.colorpicker-show-input').length > 0) {
		$(".colorpicker-show-input").spectrum({
			showInput: true
		});
	}
	if ($('.colorpicker-full').length > 0) {
		$('.colorpicker-full').spectrum({
			showInitial: true,
			showInput: true,
			showAlpha: true,
			allowEmpty: true
		});
	}

});

function startTime() {
	var hora = document.getElementById('txt');
	if (hora == null)
		return;

	var today = new Date();
	var h = today.getHours();
	var m = today.getMinutes();
	var s = today.getSeconds();
	m = checkTime(m);
	s = checkTime(s);
	document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
	var t = setTimeout(startTime, 500);
}
function checkTime(i) {
	if (i < 10) {
		i = "0" + i
	}
	; // add zero in front of numbers < 10
	return i;
}
// Detect request animation frame
var scroll = window.requestAnimationFrame ||
	// IE Fallback
	function (callback) {
		window.setTimeout(callback, 1000 / 60)
	};
var elementsToShow = document.querySelectorAll('.show-on-scroll');

function loop() {

	elementsToShow.forEach(function (element) {
		if (isElementInViewport(element)) {
			element.classList.add('is-visible');
		} else {
			element.classList.remove('is-visible');
		}
	});

	scroll(loop);
}

// Call the loop for the first time
loop();

// Helper function from: http://stackoverflow.com/a/7557433/274826
function isElementInViewport(el) {
	// special bonus for those using jQuery
	if (typeof jQuery === "function" && el instanceof jQuery) {
		el = el[0];
	}
	var rect = el.getBoundingClientRect();
	return ((rect.top <= 0 && rect.bottom >= 0)
		|| (rect.bottom >= (window.innerHeight || document.documentElement.clientHeight) && rect.top <= (window.innerHeight || document.documentElement.clientHeight)) || (rect.top >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)));
}
var JqueryUiInteractions = function () {
	var _componentUiSortable = function () {
		if (!$().sortable) {
			console.warn('Warning - jQuery UI components are not loaded.');
			return;
		}

		// Basic functionality
		$('#sortable-list-basic').sortable({
			placeholder: 'sortable-placeholder',
			start: function (e, ui) {
				ui.placeholder.height(ui.item.outerHeight());
			}
		});
		$('#sortable-list-basic').disableSelection();

	};
	return {
		init: function () {
			_componentUiSortable();
		}
	}
}();


// Initialize module
// ------------------------------

document.addEventListener('DOMContentLoaded', function () {
	JqueryUiInteractions.init();
});