<script src="<?php echo base_url(); ?>/assets/js/bootstrap-datepicker_1.js"></script>
<link href="<?php echo base_url(); ?>/assets/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>

<style type="text/css">
/**
 * Override feedback icon position
 * See http://formvalidation.io/examples/adjusting-feedback-icon-position/
 */
#eventForm .form-control-feedback {
    top: 0;
    right: -15px;
}
</style>


    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Nuevo Ex&aacute;men</h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" id="FormNuevo">
              <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">RUT</label>
                <div class="col-sm-4">
                  <input type="rut" class="form-control" id="rut" name="rut" placeholder="Rut">
                </div>
                <div class="col-sm-2">
                  <input type="dv" class="form-control" id="dv" name="dv" placeholder="Dv">
                </div>
              </div>
              <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Nombres</label>
                <div class="col-sm-3">
                  <input type="text" class="form-control" id="nombres" name="nombres" placeholder="Nombres">
                </div>
                <div class="col-sm-3">
                  <input type="text" class="form-control" id="ap_paterno" name="ap_paterno" placeholder="Ap. Paterno">
                </div>
                <div class="col-sm-3">
                  <input type="text" class="form-control" id="ap_materno" name="ap_materno" placeholder="Ap. Materno">
                </div>
              </div>                         
              <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Sexo</label>
                <div class="col-sm-3">
                    <div class="col-sm-6 radio">
		       <label><input type="radio" name="opt_genero" value="M">Masculino</label>
                    </div>
                    <div class="col-sm-6 radio">
		       <label><input type="radio" name="opt_genero" value="F">Femenino</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <label for="inputEmail3" class="col-sm-3 control-label">Edad</label>                       
                    <div class="col-sm-6">
                      <input type="text" class="form-control" id="edad" name="edad" placeholder="Edad">
                    </div>
                </div>
                <div class="col-sm-4">
		    <label for="inputEmail3" class="col-sm-3 control-label">Previsi&oacute;n</label>                       
                    <div class="col-sm-6">
                      <input type="text" class="form-control" id="prevision" name="prevision" placeholder="Previsión">
                    </div>
                </div>
              </div>                              
              <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Procedencia</label>                       
                <div class="col-sm-3">
                    <input type="text" class="form-control" id="procedencia" name="procedencia" placeholder="Procedencia">
                </div>
                <label for="inputEmail3" class="col-sm-2 control-label">Servicio</label>                       
                <div class="col-sm-3">
                    <input type="text" class="form-control" id="servicio" name="servicio" placeholder="Servicio">
                </div>
              </div>                                              
              <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Médico Solicitante</label>                       
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="solicitante" name="solicitante" placeholder="Nombre y Apellido">
                </div>
              </div>                                              
              <div class="form-group">
		  <label for="inputEmail3" class="col-sm-2 control-label">Fecha Intervención</label>                       
<!--
		  <div class="hero-unit col-sm-4">
		     <input  type="date" class="datepicker" id="fecha_intervencion" name="fecha_intervencion" placeholder="Fecha de Intervenci&oacute;n" >
		  </div>
-->
<div class="input-group date col-sm-4">
  <input type="text" class="form-control" id="fecha_intervencion" name="fecha_intervencion" placeholder="Fecha de Intervenci&oacute;n" ><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>              </div>
              <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Órgano y Localización</label>                       
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="organo" name="organo" placeholder="Órgano y Localización">
                </div>
              </div>                                              
              <div class="form-group">
                <div class="col-sm-6">
                    <center>
                    <button type="button" id="btn_guardar" class="btn btn-md btn-primary">Guardar</button>
                  </center>
                </div>                
                <div class="col-sm-6">
                    <center>
                  <button type="button" id="btn_cerrar" class="btn btn-md btn-default">Cerrar</button>
                  </center>
                </div>
              </div>                                                              
            </form>
      </div>            
         

<script>
 
 $(document).ready(function(){

      $('#fecha_intervencion').datepicker({
    clearBtn: true,
    daysOfWeekHighlighted: "1,2,3,4,5",
    autoclose: true,
    todayHighlight: true
      });  

      $('#btn_guardar').click(function() {
	 $('#FormNuevo').bootstrapValidator('validate');
      });
      
      $('#btn_cerrar').click(function() {
	 $('#ventana_modal').modal('hide');
      });
      
      $("#rut").blur(function(){
	 var parametros = {
		  "rut" : $(this).val(),
	 };
	 $.ajax({
		  data:  parametros,
		  url:   '<?php echo base_url();?>index.php/inicio/buscar_persona',
		  type:  'post',
		  async:false,
		  success:  
		     function (response) {
			eval(response);
			var datos =  eval(response);
			if (datos.length > 0){
			   $("#dv").val(datos[0].dv);
			   $("#nombres").val(datos[0].nombres);
			   $("#ap_paterno").val(datos[0].ap_paterno);
			   $("#ap_materno").val(datos[0].ap_materno);
			}
		     }
	 });

      });
      
      $('#FormNuevo').bootstrapValidator({
	 feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
	 },
	 fields: {
	    rut: {
                validators: {
                    notEmpty: {
                    },
                    stringLength: {
                        min: 7,
                        max: 8
                    },
                    regexp: {
                        regexp: /^[0-9]+$/,
                        message: 'Solo debe ingresar n&uacute;meros'
                    }
                }
            },
            dv: {
                validators: {
                    notEmpty: {
                    },
                    stringLength: {
                        min: 1,
                        max: 1
                    },
                    regexp: {
                        regexp: /^[k-kK-K0-9]+$/,
                        message: 'Solo Digitos Validos'
                    }                    
                }
            },
            nombres: {
                validators: {
                    notEmpty: {
                    }
                }
            },
            ap_paterno: {
                validators: {
                    notEmpty: {
                    }
                }
            },
            ap_materno: {
                validators: {
                    notEmpty: {
                    }
                }
            }
         
	 },      
	 onSuccess: function(e) {
	       e.preventDefault();
	       
	       var paciente = {
			       "rut"	  : $('#rut').val(),
			       "dv"	  : $('#dv').val(),
			       "nombres"  : $('#nombres').val(),
			       "paterno"  : $('#ap_paterno').val(),
			       "materno"  : $('#ap_materno').val()
	       };
	       
	       var examen = {
			       "edad"		      : $('#edad').val(),
			       "fecha_intervencion"   : $('#fecha_intervencion').val(),
			       "genero"		      : $('#opt_genero').val(),
			       "organo"		      : $('#organo').val(),
			       "prevision"	      : $('#prevision').val(),
			       "procedencia"	      : $('#procedencia').val(),
			       "rut"		      : $('#rut').val(),
			       "servicio"	      : $('#servicio').val(),
			       "solicitante"	      : $('#solicitante').val()
	       };
	       
	       $.ajax({
		     data:  paciente,
		     url:   '<?php echo base_url();?>index.php/inicio/insertar_paciente',
		     type:  'post',
		     async: false,
		     success:  function (response) {
			   eval(response);
			   $.ajax({
				 data:  examen,
				 url:   '<?php echo base_url();?>index.php/inicio/insertar_examen',
				 type:  'post',
				 async: false,
				 success:  function (response) {
				       eval(response);
				       $('#ventana_modal').modal('hide'); 
				       $.ajax({
					     data:  null,
					     url:   '<?php echo base_url();?>index.php/inicio/tabla_informe',
					     type:  'post',
					     async:false,
					     success:  function (response) {                
						   $('#contenido_tabla').html(response); 
					     }
				       });                                                         
				 }    
			   });
		     }
	       });                
	 }        
      });	
    
});

</script>