{% import "sistema/vistas/select/select.html.php" as select %}
<div class="row">
    <div class="col-md-12" id="div-tipos-colaboradores">
        <div class="form-group">
            <label>tipos de colaboradores</label>
            {% if colaborador != false %}
                <input type="hidden" name="colaboradorId" value="{{ colaborador.colaboradorID }}"/>
                <input type="hidden" name="usuarioId" value="{{ colaborador.usuarioID }}"/>
            {% endif %}
            {{ select.select('tipoColaboradorId','',colaborador.selectTipoColaboradores,colaborador.tipoColaboradorID) }}
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="form-group" id="div-tipos-cargos">
            <label>tipos de cargos</label>
            {% if colaborador == false %}
                {{ select.select('tipoCargoId','',colaborador.selectTipoCargos) }}
            {% else %}
                {{ select.select('tipoCargoId','',colaborador.selectTipoCargos,colaborador.tipoCargoID) }}
            {% endif %}
        </div>
    </div>
    <div class="col-md-6" id="div-cargos">
        <div class="form-group">
            <label>Cargos</label>
            {% if colaborador == false %}
                {{ select.select('cargoId','',[]) }}
            {% else %}
                {{ select.select('cargoId','',colaborador.selectCargos,colaborador.cargoID) }}
            {% endif %}
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6" id="div-sede">
        <div class="form-group">
            <label>Sedes</label>
            {% if colaborador == false %}
                {{ select.select('sedeId','',colaborador.selectSedes) }}
            {% else %}
                {{ select.select('sedeId','',colaborador.selectSedes,colaborador.sedeID) }}
            {% endif %}
        </div>
    </div>
    <div class="col-md-6"  id="div-puesto-trabajo">
        <div class="form-group">
            <label>Puestos de Trabajo</label>
            {% if colaborador == false %}
                {{ select.select('puestoTabajoId','',[]) }}
            {% else %}
                {{ select.select('puestoTabajoId','',colaborador.selectPuestosTrabajos,colaborador.puestoTrabajoID) }}
            {% endif %}
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6" id="div-jefe-inmediato">
        <div class="form-group">
            <label>Jefe Inmediato</label>
            {% if colaborador == false %}
                {{ select.select('colaboradoJefe','',[]) }}
            {% else %}
                {{ select.select('colaboradoJefe','',colaborador.selectJefeInmediato,colaborador.colaboradorJEFEINMEDIATO) }}
            {% endif %}
        </div>
    </div>
    <div class="col-md-6" id="div-estado">
        <div class="form-group">
            <label>Estado</label>
            {{ select.select('colaboradorEstado','',[
                {'valor':'ACTIVO','mensaje':'ACTIVO'},
                {'valor':'SUSPENDIDO','mensaje':'SUSPENDIDO'},
                {'valor':'DESACTIVO','mensaje':'INACTIVO'}
            ],colaborador.colaboradorESTADO) }}
        </div>
    </div>
</div>

<script>
        $(document).ready(function () {
            $('#tipoCargoId').change(function(){
                //alert('tipo de cargo');
                cargarDivision('cargoId', 'talento-humano', 'colaboradores', 'selectCargos', 'tipoCargoId='+$('#tipoCargoId').val(), null);
            });
            
            $('#sedeId').change(function(){
                cargarDivision('puestoTabajoId', 'talento-humano', 'colaboradores', 'selectpPestosTabajo', 'sedeId='+$('#sedeId').val(), null);
            });
            /*cargar_select_tipo_colaborador('div-tipos-colaboradores', null);
            cargar_select_tipo_cargo('div-tipos-cargos', function () {
                cargar_select_cargo('div-cargos', $("#tipoCargo").val(), null);
                $("#tipoCargo").change(function () {
                    cargar_select_cargo('div-cargos', $("#tipoCargo").val(), function () {
                        $("#cargo").change(function () {
                            cargar_select_jefe_inmediato('div-jefe-inmediato', $("#cargo").val(), function () {
                            });
                        });
                    });
                });
            });
            cargar_select_jefe_inmediato('div-jefe-inmediato', $("#cargo").val(), function () {
            });
            cargar_select_sede('div-sede', function () {
                cargar_select_puesto_trabajo('div-puesto-trabajo', $("#sede").val(), null);
                $("#sede").change(function () {
                    cargar_select_puesto_trabajo('div-puesto-trabajo', $("#sede").val(), null);
                });
            });*/
        });


</script>