// 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/adt391-mostrarDatosPago.php", $("#formPago1").serialize(), function (respuesta) {
					$("#contenido").show();
					$("#cargando").hide();
					$("#contenido").html(respuesta);
					$("#reservaPaso1").removeClass("label label-info");
					$("#reservaPaso2").addClass("label label-info");
					//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();
		$('html, body').animate({
			scrollTop: 0
		}, 'slow'); //lleva la pagina al top
		$("#reservaPaso2").removeClass("label label-info");
		$("#reservaPaso1").addClass("label label-info");
		$("#formPago1").show();
	});

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

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

	
	// BOOTSTRAP DATEPICKER

	$("#form1FechaBoton").click(function () {
		$("#form1-1k-fecha").click();
	});

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

		$("#labelMoneda").show();
		$("#form1-1k-moneda").show();

		var $fecha = $("#form1-1k-fecha").val();
		switch ($fecha) {
				
			case '2020/01/01':
			case '2020/01/02':
				$("#labelMoneda").removeClass();
				$("#labelMoneda").addClass("label label-success");
				$("#labelMoneda").html("Tarifa temporada alta:");

				$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/ 136 c.u.</option><option id='dolares' value='dolares'>USD $ 34 c.u.</option>");
				$("#tipoTarifa").val("feriado");
				$("#form1-1k-turno").html("<option id='turnoOption1' value='Primer Turno 08:10 AM' selected=''>08:10 AM</option><option id='optionTurno2' value='Segundo Turno 10:10 AM'>10:10 AM</option>");
				break;
			
			case '2019/03/31':
				$("#labelMoneda").removeClass();
				$("#labelMoneda").addClass("label label-primary");
				$("#labelMoneda").html("Tarifa regular:");
				$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/ 140 c.u.</option><option id='dolares' value='dolares'>USD $ 31 c.u.</option>");
				$("#tipoTarifa").val("regular");
				$("#form1-1k-turno").html("<option id='turnoOption1' value='Primer Turno 08:10 AM' selected=''>08:10 AM</option><option id='optionTurno2' value='Segundo Turno 10:10 AM'>10:10 AM</option><option id='optionTurno3' value='Tercer Turno 12:00 M'>12:00 M</option>");
				break;
			default:
				$("#labelMoneda").removeClass();
				$("#labelMoneda").addClass("label label-primary");
				$("#labelMoneda").html("Tarifa regular:");
				$("#form1-1k-moneda").html("<option id='soles' value='soles' selected=''>PEN S/ 140 c.u.</option><option id='dolares' value='dolares'>USD $ 31 c.u.</option>");
				$("#tipoTarifa").val("regular");
				$("#form1-1k-turno").html("<option id='turnoOption1' value='Primer Turno 08:10 AM' selected=''>08:10 AM</option><option id='optionTurno2' value='Segundo Turno 10:20 AM'>10:20 AM</option>");
				break;
		}
	});

});