(function() { "use strict";
document.addEventListener('DOMContentLoaded', function(){
// MAPA (comento estas lineas ya que no me funciona los calculos)
var map = L.map('mapa').setView([-38.932603, -69.214398], 16);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([-38.932603, -69.214398]).addTo(map)
.bindPopup('Colegio Médico Cutral Có') .openPopup();
//CAMPOS DATOS DE USUARIO
var nombre = document.getElementById('nombre'); var apellido = document.getElementById('apellido'); var email = document.getElementById('email');
//CAMPOS CONSULTAS
var consulta1 = document.getElementById('consulta1'); var consulta2 = document.getElementById('consulta2'); var consulta3 = document.getElementById('consulta3');
//BOTONES Y DIV
var calcular = document.getElementById('calcular'); var errordiv = document.getElementById('error'); var botonRegistro = document.getElementById('btnRegistro'); var resultado = document.getElementById('lista-productos'); var suma = document.getElementById('suma-total');
botonRegistro.disabled = true;
//EXTRAS
var estudios = document.getElementById('estudios'); var otros = document.getElementById('otros');
calcular.addEventListener('click', calcularMontos);
nombre.addEventListener('blur', validarCampos); apellido.addEventListener('blur', validarCampos); email.addEventListener('blur', validarCampos); email.addEventListener('blur', validarmail);
function validarmail(){ if (this.value.indexOf("@") > -1) { errordiv.style.display = 'none';
this.style.border = '1px solid #cccccc';
} else { errordiv.style.display = "block";
errordiv.innerHTML ="Ingrese un E-Mail Válido";
this.style.border = '1px solid bue';
errordiv.style.border = '1px solid blue';
}
}
function validarCampos(){ if (this.value =='') { errordiv.style.display = "block";
errordiv.innerHTML ="Este Datos es Obligatorios";
this.style.border = '1px solid red';
errordiv.style.border = '1px solid red';
} else { errordiv.style.display = 'none';
this.style.border = '1px solid #cccccc';
}
}
function calcularMontos(event){ event.preventDefault();
var consultasT1 = parseInt(consulta1.value, 10)|| 0,
consultasT2 = parseInt(consulta2.value, 10)|| 0,
consultasT3 = parseInt(consulta3.value, 10)|| 0,
estudiosT = parseInt(estudios.value, 10)|| 0,
otrosT = parseInt(otros.value, 10)|| 0;
var totalaPagar = (consultasT1 * 300) + (consultasT2 * 400) + (consultasT3 * 550) + (estudiosT * 450) + (otrosT * 200);
var listadoProductos = [];
if (consultasT1 >= 1) { listadoProductos.push(consultasT1 + 'Consulta 1');
}
if (consultasT2 >= 1) { listadoProductos.push(consultasT2 + 'Consulta 2');
}
if (consultasT3 >= 1) { listadoProductos.push(consultasT3 + 'Consulta 3');
}
if (estudiosT >= 1) { listadoProductos.push(estudiosT + 'Estudios');
}
if (otrosT >= 1) { listadoProductos.push(otrosT + 'Otros');
}
resultado.style.display = "block";
resultado.innerHTML = '';
for(var i=0; i< listadoProductos.length; i++) { resultado.innerHTML += listadoProductos[i] + '<br/>';
}
suma.innerHTML = "$" + totalaPagar.toFixed(2);
botonRegistro.disabled = false;
document.getElementById('total_pedido').value = totalaPagar;
//console.log(listadoProductos);
}
}); // DOM CONTENT LOADED
})();
