// JavaScript Document

$("#btnCorregir").hide();
$("#btnPagar").hide();
$("#contenido").hide();
$("#cargando").hide();

$(document).ready(function () {

	"use strict";
	// Continuar a paso 2

	// Botón continuar
	$("#btnContinuar").click(function () {
		if ($("#form1-1k-fecha").val() === "") {
			alert("Por favor selecciona la fecha que quieres reservar");
		} else {

			$("#formPago1").on("submit", function (e) {
				e.preventDefault();
				$("#formPago1").hide();
				$('html, body').animate({
					scrollTop: 0
				}, 'slow'); //lleva la pagina al top
				$("#cargando").show();
				$.post("/Plantilla/via10-mostrarDatosPago.php", $("#formPago1").serialize(), function (respuesta) {
					$("#contenido").show();
					$("#cargando").hide();
					$("#contenido").html(respuesta);
					$("#tituloPagina").html("Revisa los datos de tu reserva");
					$("#subtituloPagina").html("si los datos son correctos haz clic en el botón confirmar reserva");
					$("#pasosCompra").html("Paso 2 de 3");
					//document.getElementById("formPago1").reset();
					$("#btnCorregir").show();
					$("#btnPagar").show();
				});
			});

		}
	});
	
	// verificar fecha
	function verificaFecha (){
		if ($("#form1-1k-fecha") === '') {
			alert("El campo esta vacío");
			return false;
		}
	}
	
	// Corregir datos
	$("#btnCorregir").mouseup(function () {
		$("#cargando").hide();
		$("#contenido").hide();
		$("#detallePago").hide();
		$("#btnCorregir").hide();
		$("#btnPagar").hide();
		$("#tituloPagina").html("Modifica tus datos de reserva");
		$("#subtituloPagina").html("luego haz clic en continuar");
		$("#pasosCompra").html("Paso 1 de 3");
		$('html, body').animate({
			scrollTop: 0
		}, 'slow'); //lleva la pagina al top
		$("#formPago1").show();
	});

	// Confirmar pago
	$("#btnPagar").mouseup(function () {
		$("#formPago2").submit();
		$("#contenido").hide();
		$("#detallePago").hide();
		$("#btnCorregir").hide();
		$("#btnPagar").hide();
		$("#cargando").show();
		$('html, body').animate({
			scrollTop: 0
		}, 'slow'); //lleva la pagina al top

	});

	// Enviar formulario de pago
	$("#formPago2").on("submit", function (e) {
		e.preventDefault();
		alert("pausa");
		$.post("/Plantilla/via10-confirmarPago", $("#formPago2").serialize(), function (mensaje) {
			$("#contenido").html(mensaje);
		});
	});

	
	// BOOTSTRAP DATEPICKER

	$("#form1FechaBoton").click(function () {
		$("#form1-1k-fecha").click();
	});
	
	$("#form1-1k-servicio").change( function(){
		
		var $fecha = $("#form1-1k-fecha").val();
		switch ($fecha) {

			case '2019/01/01':
			case '2019/04/18':
			case '2019/04/19':
			case '2019/04/20':
			case '2019/04/21':
			case '2019/07/27':
			case '2019/07/28':
			case '2019/07/29':
			case '2019/12/25':
			case '2019/12/30':
			case '2019/12/31':
				
				$("#labelMoneda").removeClass();
				$("#labelMoneda").addClass("label label-success");
				$("#labelMoneda").html("Tarifa día feriado:");
				
				var $servicio = $("#form1-1k-servicio").val();

				if ($servicio == 'Tour Grupal') {
					$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/.70 c.u.</option>");
					$("#tipoTarifa").val("feriado");
					
					// definiendo los horarios para el tour grupal.
					$("#form1-1k-turno").html("<option id='turnoOption1' value='Por la mañana 09:00 AM' selected=''>09:00 AM</option> <option id='turnoOption2' value='Por la mañana 10:00 AM'>10:00 AM</option> <option id='turnoOption3' value='Por la mañana 11:00 AM'>11:00 AM</option>");
				} else {
					$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/.130 c.u.</option>");
					$("#tipoTarifa").val("feriado");		
					
					// definiendo los horarios para el tour privado.
					$("#form1-1k-turno").html("<option id='turnoOption1' value='Por la mañana 09:00 AM' selected=''>09:00 AM</option> <option id='turnoOption2' value='Por la mañana 10:00 AM'>10:00 AM</option>");
				}	
				
				break;
			
				
			default:
				switch ($("#form1-1k-servicio").val()){
					case 'Tour Grupal':
						$("#form1-1k-turno").html("<option id='turnoOption1' value='Por la mañana 11:30 AM' selected=''>11:30 AM</option> <option id='turnoOption2' value='Por la tarde 04:30 PM'>04:30 PM</option>");
						break;
					case 'Tour Privado':
						$("#form1-1k-turno").html("<option id='turnoOption1' value='Por la mañana 09:00 AM' selected=''>09:00 AM</option> <option id='turnoOption2' value='Por la mañana 10:00 AM'>10:00 AM</option> <option id='turnoOption3' value='Por la mañana 11:00 AM'>11:00 AM</option> <option id='turnoOption4' value='Mediodía 12:00 M'>12:00 M</option> <option id='turnoOption5' value='Por la tarde 01:00 PM'>01:00 PM</option> <option id='turnoOption6' value='Por la tarde 02:00 PM'>02:00 PM</option> <option id='turnoOption7' value='Por la tarde 03:00 PM'>03:00 PM</option> <option id='turnoOption8' value='Por la tarde 04:00 PM'>04:00 PM</option> <option id='turnoOption9' value='Por la tarde 04:30 PM'>04:30 PM</option>");
						break;
				}
				
				$("#labelMoneda").removeClass();
				$("#labelMoneda").addClass("label label-primary");
				$("#labelMoneda").html("Tarifa regular:");
			
				var $servicio = $("#form1-1k-servicio").val();

				if($servicio == 'Tour Grupal'){
					$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/.65 c.u.</option>");
					$("#tipoTarifa").val("regular");
				}else{
					$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/.110 c.u.</option>");
					$("#tipoTarifa").val("regular");
				}
			break;
		}
				
		
		
		
		/*$("#form1-1k-moneda").html("");
		$("#form1-1k-fecha").val("");*/
		
	});

	$("#form1-1k-fecha").change(function () {

		$("#labelMoneda").show();
		$("#form1-1k-moneda").show();
		$("#form1-1k-turno").html("");
		$("#form1-1k-moneda").html("");
				
		$('#form1-1k-servicio').html("<option id='servicioOption1' value='Tour Grupal'>Tour Grupal</option> <option id='servicioOption2' value='Tour Privado'>Tour Privado</option>");	
		
		$('#form1-1k-servicio').val("");
		

		var $fecha = $("#form1-1k-fecha").val();
		switch ($fecha) {

			case '2019/01/01':
			case '2019/04/18':
			case '2019/04/19':
			case '2019/04/20':
			case '2019/04/21':
			case '2019/07/27':
			case '2019/07/28':
			case '2019/07/29':
			case '2019/12/25':
			case '2019/12/30':
			case '2019/12/31':
			/*	$("#labelMoneda").removeClass();
				$("#labelMoneda").addClass("label label-success");
				$("#labelMoneda").html("Tarifa día feriado:");
				
				var $servicio = $("#form1-1k-servicio").val();

				if ($servicio == 'Tour Grupal') {
					$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/.70 c.u.</option>");
					$("#tipoTarifa").val("feriado");
				} else {
					$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/.130 c.u.</option>");
					$("#tipoTarifa").val("feriado");				
				}			
			*/

				break;

			default:
			/*
				$("#labelMoneda").removeClass();
				$("#labelMoneda").addClass("label label-primary");
				$("#labelMoneda").html("Tarifa regular:");
			
				var $servicio = $("#form1-1k-servicio").val();

				if($servicio == 'Tour Grupal'){
					$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/.65 c.u.</option>");
					$("#tipoTarifa").val("regular");
				}else{
					$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/.110 c.u.</option>");
					$("#tipoTarifa").val("regular");
				}
			*/
			break;
				
		}
	});

});