{% import "sistema/vistas/select/select.html.php" as select %}
<div class="row">
    <div class="col-md-12">
        <div class="wizard">
            <form onsubmit="return false;" method="POST" id="formCrearPersonaFamiliar">
                <div class="row">
                    <div class="col-sm-offset-1 col-sm-10">
                        {{ mostrarVista('personas', 'fields/fields-general', {"persona": persona } ) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-offset-1 col-sm-10">
                        <div class="row">
                            <div class="col-md-6" id="">
                                <div class="form-group">
                                    <label for="relacionPersona">Relacion</label>
                                    {{ select.select('relacionPersona','',[
                                        {'valor':'PADRE','mensaje':'PADRE'},
                                        {'valor':'MADRE','mensaje':'MADRE'},
                                        {'valor':'HIJO','mensaje':'HIJO'},
                                        {'valor':'CONYUGE','mensaje':'CONYUGE'},
                                    ]) }}
                                </div>
                            </div>
                            <div class="col-md-6" id="">
                                <div class="form-group">
                                    <label for="telefono-celular-colaborador" class="control-label">Celular</label>
                                    <input type="number" name="personaTelefonoCelular" class="form-control" id="personaTelefonoCelular" placeholder="Celular">
                                </div>
                            </div>
                            <div class="col-md-6"  id="">
                                <div class="form-group">
                                    <label>Fallecido: </label>
                                    <input type="checkbox" name="familiarFallecido" id="familiarFallecido" class="flat-red">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {% if persona.personaRelacionPRINCIPAL is defined %}
                    <input type="hidden" name="personaRelacionId" value ="{{ persona.personaRelacionPRINCIPAL }}"/>
                {% else %}
                    <input type="hidden" name="personaId" value="{{ persona.personaID }}"/>
                {% endif %}
                <div class="box-footer">
                    <div class="col-sm-offset-1 col-sm-10">
                        <div class="row">
                            <button type="reset" class="btn btn-default">Cancel</button>
                            <button type="submit" ondblclick="this.disabled = true" class="btn btn-primary pull-right">Aceptar</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    $('input[type="checkbox"].flat-red').iCheck({
        checkboxClass: 'icheckbox_flat-blue'
    });
    $("#formCrearPersonaFamiliar").submit(function () {
        alert('peticio ejecutada');
        ejecutarOperacion('personas', 'PersonasRelaciones', 'guardar', $("#formCrearPersonaFamiliar").serialize(), function (response) {
            var respuesta = JSON.parse(response);
            alert(respuesta.RESPONSE);
            cargarTablaRelaciones();
            //cargar_table_familiares('div-perfil-familiar');
        });
    });
</script>