<div class="row">
    <div class="col-md-6" >
        <div class="form-group">
            <label>Tipo Identificacion:</label>
            <div id="div-tipo-identificacion{{hash_vista}}"></div>
        </div>
    </div>
    <div class="col-md-6" id="">
        <div class="form-group">
            <label for="personaIDENTIFICACION">Identificacion</label>
            <input type="number" class="form-control" name="personaIDENTIFICACION" value="{{Usuario.colaborador.persona.personaIDENTIFICACION}}" id="personaIDENTIFICACION{{hash_vista}}" placeholder="Identificacion" required>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6" id="">
        <div class="form-group">
            <label for="personaNOMBRES">Nombres</label>
            <input type="text" class="form-control uppercase" name="personaNOMBRES" value="{{Usuario.colaborador.persona.personaNOMBRES}}"  id="personaNOMBRES{{hash_vista}}" placeholder="Nombre Completo" required>
        </div>
    </div>
    <div class="col-md-6" id="">
        <div class="form-group">
            <label for="personaAPELLIDOS">Apellido</label>
            <input type="text" class="form-control uppercase" id="personaAPELLIDOS{{hash_vista}}" value="{{Usuario.colaborador.persona.personaAPELLIDOS}}" name="personaAPELLIDOS" placeholder="Apellido Completo" required>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6" id="">
        <div class="form-group">
            <label>Fecha Nacimiento:</label>
            <input type="text" name="personaFCHNACIMIENTO" id="personaFCHNACIMIENTO{{hash_vista}}" value="{{Usuario.colaborador.persona.personaFCHNACIMIENTO}}" class="form-control pull-right" placeholder="Fecha Nacimiento" required>
        </div>
    </div>
    <div class="col-md-6"  id="">
        <label>Genero:</label>
        <div class="form-group">
            <label class="col-lg-4">
                <input type="radio" name="personaSEXO" id="sexHombre{{hash_vista}}" class="check-SEXO flat-red" {% if Usuario.colaborador.persona.personaSEXO == 'MASCULINO' %}checked{% endif %}  value="MASCULINO">
                Hombre
            </label>
            <label class="col-lg-4">
                <input type="radio" name="personaSEXO" id="sexMujer{{hash_vista}}" class="check-SEXO flat-red" value="FEMENINO" {% if Usuario.colaborador.persona.personaSEXO == 'FEMENINO' %}checked{% endif %}>
                Mujer
            </label>
            <label class="col-lg-4">
                <input type="radio" name="personaSEXO" id="sexOtro{{hash_vista}}" class="check-SEXO flat-red" value="OTRO" {% if Usuario.colaborador.persona.personaSEXO == 'OTRO' %}checked{% endif %}>
                Otro
            </label>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        var dateformat = 'yyyy-mm-dd'
        $('#personaFCHNACIMIENTO{{hash_vista}}').datepicker({
            autoclose: true,
            format: dateformat
        });
        
        checkBoxSICAM('.check-SEXO');

        cargarSelectTipoIdentificacion('div-tipo-identificacion{{hash_vista}}', function(){
            seleccinarSelect("div-tipo-identificacion{{hash_vista}} #tipoIdentificacionID",{{Usuario.colaborador.persona.tipoIdentificacionID}});
        });
    });
    
    function cargarSelectTipoIdentificacion(divComponent, fuctionEjecutable) {
    cargarDivision(divComponent, 'personas', 'Personas', 'mostrarSelectTipoIdentificacion', null, function (response) {
        if (fuctionEjecutable != null) {
            fuctionEjecutable(response);
        }
    });
}
</script>