<div class="container" >
    <div class="row">
        <div class="col-md-8">
            <div class="page-header">
              <h1>Registro de Asistencia <small>para el sorteo <?= $Sorteo->sorteoTITULO ?></small></h1>
            </div>
        </div>
        <div class="col-md-4">
            <button type="button" onclick="abrirSorteosActivos();"
                class="btn btn-default btn-lg btn-block">
                Volver a Sorteos Activos <i class="fa fa-chevron-left"></i>
            </button>
        </div>
    </div>
    <div class="row">
        <div class="box box-info">
            <div class="box-body" >
                <div class="row">
                    <div class="col-md-5">
                        <div class="box box-info box-solid" style="text-transform:uppercase;">
                            <div class="box-header with-border bg-aqua">
                                <h3 class="box-title ">Registrar Asistente</h3>
                            </div>
                            <div class="box-body">
                                <form id="frm-asistentes">
                                    <div class="col-xs-12">
                                         <div class="form-group">
                                            <label for="cedulaColaborador">XX Documento del colaborador:</label>
                                            <div class="input-group">
                                                <input type="number" class="form-control" name="cedulaColaborador" id="cedulaColaborador" placeholder="Documento del Colaborador" required style="height: 35px !important;">
                                                <span class="input-group-btn">
                                                    <button class="btn btn-default" type="button" onclick="buscarDatosPersona()" style="height: 35px !important;"><i class="fa fa-search" aria-hidden="true"></i></button>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-12">
                                        <div class="form-group">
                                            <label for="nombreColaborador">Nombre del colaborador:</label>
                                            <div class="input-group">
                                                <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                                <input type="text" class="form-control" id="nombreColaborador" name="nombreColaborador" placeholder="" required style="height: 35px !important;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-12">
                                        <input type="submit"class="btn bg-aqua btn-lg btn-block" value="Registrar">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="box box-info box-solid" style="text-transform:uppercase;">
                            <div class="box-header with-border bg-aqua">
                                <h3 class="box-title ">Listado de Asistentes</h3>
                            </div>
                            <div class="box-body">
                                <div id="div-asistentes"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </div> 
    </div>
</div>
<script type="text/javascript">
    var SorteoForm = "<?= $Sorteo->sorteoID ?>";
    $(document).ready( function(){
       /* $( "#cedulaColaborador" ).keyup(function() {
            esperaEnviarIdentificacion();
        });*/
        //cargarAsistentes();
        $("#frm-asistentes").submit(function (evt) {
            ejecutarOperacion(
                    "tienda-apps","Rifas", "registrarAsistente", 'sorteo='+SorteoForm+"&identificacion=" +  $( "#cedulaColaborador" ).val(),
                    function (datos) {
                        console.log(datos);
                        
                    }
            );
            
            evt.preventDefault();
        });
    });
    
    function cargarAsistentes(){
        //cargarDivisionSicam('div-asistentes', 'tienda-apps', 'Rifas', 'todosAsistentes', 'sorteo='+SorteoForm);
    }
    
    var timerVerificar = null;
    function esperaEnviarIdentificacion() {
        clearTimeout(timerVerificar);
        /*timerVerificar = setTimeout(function () {
            buscarDatosPersona();
        }, 1000)*/
    }
    function buscarDatosPersona() {
        ejecutarOperacion(
                "tienda-apps","Rifas", "datosColaborador", "identificacion=" +  $( "#cedulaColaborador" ).val(),
                function (datos) {
                    $("#cedulaColaborador").val(datos.Persona.personaIDENTIFICACION);
                    $("#nombreColaborador").val(datos.Persona.personaNOMBRES + " " + datos.Persona.personaAPELLIDOS);
                }
        );
        
    }
</script>