<?php 


//print_r($arrayIDs);

?>

<style type="text/css">
        .btn-circle.btn-xl {
            width: 50px;
            height: 50px;
            padding: 1px 11px;
            border-radius: 48px;
            font-size: 10px;
            text-align: center;
        }
    </style>
<div style="background-color: #fff;">
 
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Laboratoriales Encontrados</h4>
</div>
<div class="modal-body">
    <div class="row">
            <div class="col-sm-12">
                <table class="table table-hover table-info" id="tblModalLaboratoriales" name="tblModalLaboratoriales">
                    <thead>
                    <tr>
                        <th>CLAVE</th>
                        <th style="visibility: hidden;">ID_ESTUDIO</th>
                        <th>ESTUDIO</th>    
                        <th style="text-align: center;">GRUPO</th>
                        <th style="text-align: center;">OPCIONES</th>                       
                                           
                    </tr>
                    </thead>
                    @foreach($result->respuesta as $laboratoriales)
                    <?php 
                        $visibility='';
                       // print_r($arrayIDs);
                        //print_r(trim($laboratoriales->clave));
                    if(!empty($arrayIDs)){
                        if (in_array(trim($laboratoriales->clave), $arrayIDs,true)) {
                            $visibility='visibility: collapse;';     
                        } else {  $visibility=''; } }
                            ?>
                            <tr class="EstudioLab" style="{{ $visibility }}"
                            data-clave="{{trim($laboratoriales->id_estudio)}}" 
                            data-estudio="{{$laboratoriales->descripcion}}"
                            onClick="
                             var folio_nota = $('#h_folio').val();
        var centro_sal= $('#h_centro_sal').val();
        var id_complemento = $('#h_id_complemento').val();
        
        // $('#defaultModal').modal('hide');
        $tr = $(this);
        
        var clave = $tr.data('clave');
        var diag = $tr.data('descripcion');
       
        //jqGetAjaxShort('tiposnotas/apartado/addProcedimiento','tblProcedimientos', {'folio_nota': folio_nota, 'clave_cie9': clave, 'centro_sal': centro_sal, 'id_complemento': id_complemento,'diag':diag });"
                            >

                            <td class="clave">{{trim($laboratoriales->clave) }}</td>
                            <td class="id_estudio" style="visibility: hidden;">{{trim($laboratoriales->id_estudio) }}</td>
                            <td class="descripcion">{{trim($laboratoriales->descripcion)}}</td> 
                            <td style="text-align: center;" class="grupo">{{trim($laboratoriales->clave_grupo)}}</td>           
                            <td style="text-align: center;" class="status"><input type="checkbox" name="checkEstudio" id="checkEstudio" value="" onclick=" if( $(this).is(':checked')) { agregaEstudio({{trim($laboratoriales->id_estudio)}},'{{$laboratoriales->descripcion}}', '{{trim($laboratoriales->clave_grupo)}}'); }" onchange="/*upsertSomatometria();*/">
                            </td>    
                        </tr>
                        <?php // } 
                    // }  
                     ?>                  
                 
                        
                    @endforeach
                    <tr>
                         <td ></td>
                            <td ></td>
                            <td ></td> 
                            <td ></td>           
                            <td style="text-align: center;"><input type="button" class="btn btn-success btn-circle btn-xl" value='Todos' id='btnCheckTodos' /> </td>  
                    </tr>
                </table>
            </div>
    </div>
    <div class="modal-footer">
        <p class="text-right">
            <button type="button" class="btn btn-success" data-dismiss="modal"  onclick="agregarEstudiosSelec();">+ Agregar</button>
            <button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
        </p>
    </div>
</div>
</div>
<script type="text/javascript">
    $(function () {
    // Binding
    //
    var btnTodos = $('#btnTodos');
    var btnNinguno = $('#btnNinguno');
    var btnCheckTodos = $('#btnCheckTodos');
    var tbGrilla = $('#tblModalLaboratoriales');
    //var divSeleccionados = $('#divSeleccionados');

    // Inicializa
    var checkTodos = false;
    var checkboxList = GetAllCheckbox();

    // Eventos
    //
    btnCheckTodos.click(function () {
        checkTodos = !checkTodos;

        //alert(checkboxList.length);
        checkboxList.prop('checked', checkTodos);

        // Cambio nombre del button
        this.value = checkTodos ? "Ninguno" : "Todos";

        ActualizaSeleccionados();
    });

    checkboxList.change(function () {
        ActualizaSeleccionados();
    });

    // Funciones
    //

    function ActualizaSeleccionados() {
        var seleccionados = GetChecked().length;
        var todos = checkboxList.length;

        //divSeleccionados.text(seleccionados + " registro/s de " + todos);
    }

    // Se ejecuta una sola vez al principio
    function GetAllCheckbox() {
        return tbGrilla.find(':checkbox');
    }

    // Se ejecuta cada vez porque puede cambiar    
    function GetChecked() {
        return tbGrilla.find(':checked');
    }

    // Inicial
    //
    ActualizaSeleccionados();
});
</script>
