<div class="row">
    <div class="pull-right">
        <div class="btn-group" style="margin: 20px">
            {{ boton( 'tabla', "mostrarTablaFamiliares", 'cargarTablaRelaciones()') }}
            {{ boton( 'nuevo', "mostrarFormularioNuevoFamiliar", 'mostrarFormularioNuevoFamiliar()') }}
            {{ boton( 'editar', "", 'null') }}
            {{ boton( 'eliminar', "", null) }}
        </div> 
    </div>
    <div class="col-sm-12">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th></th>
                    <th>Nombre completo</th>
                    <th>Telefono celular</th>
                    <th>sexo</th>
                </tr>
            </thead>
            <tbody>
                {% for persona in personas %}
            
                <tr>
                    <td>
                        <input type="checkbox" class="flat-red" name="check_personas_relaciones[]" 
                            value="{{ persona.personaID }}" data-titulo="{{ persona.personaTITULO }}" >
                    </td>
                    <td>{{ persona.personaRAZONSOCIAL }}</td>
                    <td>{{ persona.telefonoCELULAR }}</td>
                    <td>{{ persona.personaSEXO }}</td>
                </tr>
                
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
<script>
    function crearFamiliares(){
        alert('familiares creados');
    }
    $('input[type="checkbox"].flat-red').iCheck({
      checkboxClass: 'icheckbox_flat-blue'
    });
    function cargarTablaRelaciones(){
        cargarDivision('menu4','personas','personasRelaciones','mostrarTabla','personaId={{ personas[0].personaRelacionPRINCIPAL }}');
    }
    function mostrarFormularioNuevoFamiliar(){
        cargarVista('personas','personasRelaciones','mostrarFormularioNuevo','personaId={{ personas[0].personaRelacionPRINCIPAL }}');
    }
</script>