var currentTab = 0;
showTab(currentTab);
function showTab(n) {
var x = document.getElementsByClassName("tab");
x[n].style.display = "block";
if (n == 0) {
document.getElementById("prevBtn").style.display = "none";
$("#botonCancelarReserva").show(100)
} else {
document.getElementById("prevBtn").style.display = "inline";
$("#botonCancelarReserva").hide(100)
}
if (n == (x.length - 1)) {
document.getElementById("nextBtn").innerHTML = "
Ir a mi cuenta ";
document.getElementById("prevBtn").style.display = "none";
} else {
document.getElementById("nextBtn").innerHTML = "Continuar";
}
fixStepIndicator(n)
}
function nextPrev(n) {
var x = document.getElementsByClassName("tab");
if (n == 1 && !validateForm()) return false;
esAnterior = (currentTab+n < currentTab) ? true:false;
if(x[currentTab].dataset.paso=="fecha" && !esAnterior){
var fecha = $("#fechaInicioEvento").val();
var horaInicio = $("#horaInicio").val();
var cantidadHoras = $("#cantidadHoras").val();
$(".errores-disponibilidad").hide();
$(".seccion-hay-tuales").hide();
$(".seccion-no-hay-tuales").hide();
$("#acordeonTuales").html("");
bloquearPagina();
$.getJSON(`/functions/actividades/validar_horarios_reserva?noshow&id_evento=${idEventoGlobal}&fecha=${fecha}&duracion=${cantidadHoras}&hora_inicio=${horaInicio}`,function(res){
console.log(res);
if(res.resultado){
$("#res_costo_pago").val(res.total_pagar);
$("#res_costo_multa").val(res.pago_multa)
if(res.hay_tuales){
$("#res_hay_tuales").val(1);
$(".fecha-dia-seleccionado").html(res.dia_seleccionado)
res.franjas.map(function(franja){
$("#acordeonTuales").append(construirCard(franja.id_usuario,franja.nombre_usuario,franja.franjas));
})
$(".seccion-hay-tuales").show();
}else{
$("#res_hay_tuales").val(0);
$("#res_inicio_no_seleccionado").val(res.fecha_inicio)
$(".seccion-no-hay-tuales").show();
}
x[currentTab].style.display = "none";
currentTab = currentTab + n;
showTab(currentTab);
}else{
$(".errores-disponibilidad").html(`
${res.notificacion}`)
$(".errores-disponibilidad").show("300");
}
}).fail(function(res){
desbloquearPagina();
console.log(res)
}).done(function(res){
$("input[name='tuale']").on('change',function(){
$("#res_inicio_seleccionado").val($("input[name='tuale']:checked").data('inicio'))
$("#res_fin_seleccionado").val($("input[name='tuale']:checked").data('fin'))
});
desbloquearPagina();
})
return false;
}else if((x[currentTab].dataset.paso=="seleccionar-disponibilidad" && !esAnterior)){
var tipoReserva = $("#res_hay_tuales").val();
var fecha = $("#fechaInicioEvento").val();
var horaInicio = $("#horaInicio").val();
$(".error-seleccionar-disponibilidad").hide("100");
$(".seccion-mensaje-multa").html("")
if(tipoReserva==1){
if(!$("input[name='tuale']:checked").val()){
$(".error-seleccionar-disponibilidad").html(`
Debes seleccionar alguna de las opciones`)
$(".error-seleccionar-disponibilidad").show("100");
return false;
}
$(".resumen-reserva-division .tuale-seleccionado").html($("input[name='tuale']:checked").data('nombre'));
$(".resumen-reserva-division .lugar-llegada").html($("#direccionLlegada option:selected").text())
$(".resumen-reserva-division .fecha-seleccionada").html($("input[name='tuale']:checked").data('inicio'))
obtenerTextoCancelacion(fecha+" "+horaInicio,1);
$(".seccion-mensaje-multa").show()
}else{
$(".resumen-reserva-division .tuale-seleccionado").html('Sin resultados');
$(".resumen-reserva-division .fecha-seleccionada").html($("#res_inicio_no_seleccionado").val()+"
(Sin confirmar)")
obtenerTextoCancelacion(fecha+" "+horaInicio,0);
$(".seccion-mensaje-multa").show()
}
$(".resumen-reserva-division .lugar-recogida").html($("#direccionPartida option:selected").text())
$(".resumen-reserva-division .lugar-llegada").html($("#direccionLlegada option:selected").text())
$(".resumen-reserva-division .valor-estimado").html($("#res_costo_pago").val()+ `${ ($("#res_costo_pago").val())>1 ? " Tokens":" Token" }`);
}
if (currentTab+n == x.length-1 ) {
$("#enviarFormularioReserva").click();
return false;
}
if(currentTab+n==x.length){
return false;
}
x[currentTab].style.display = "none";
currentTab = currentTab + n;
showTab(currentTab);
}
function validateForm() {
var x, y, i, valid = true;
x = document.getElementsByClassName("tab");
y = x[currentTab].getElementsByTagName("input");
for (i = 0; i < y.length; i++) {
if (y[i].value == "") {
y[i].className += " invalid";
valid = false;
}else{
y[i].classList.remove("invalid");
}
}
s = x[currentTab].getElementsByTagName("select");
for (i = 0; i < s.length; i++) {
if (s[i].value == "" || s[i].value == undefined ) {
s[i].className += " invalid";
valid = false;
}else{
s[i].classList.remove("invalid");
}
}
if (valid) {
document.getElementsByClassName("step")[currentTab].className += " finish";
}
return valid;
}
function fixStepIndicator(n) {
var i, x = document.getElementsByClassName("step");
for (i = 0; i < x.length; i++) {
x[i].className = x[i].className.replace(" active", "");
}
x[n].className += " active";
}
function construirCard(idTuale,nombreTuale,franjas){
var cadenaFranjas = '';
var contador=0;
franjas.map(function(franja){
cadenaFranjas += `
`;
contador++;
})
return `
`
}
¿Eres nuev@?
