<div class="modal fade" id="mdlDatosConvocatoria" tabindex="-1" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mdlDatosTitle">Convocatoria</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="<?= route_to('convocatoria.guardar') ?>" method="post" class="row frmDatosConvocatoria">
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <select class="form-control" id="cotp_id" name="cotp_id">
                                <?php foreach ($lsConvocatoriaTipoProceso as $tipoProceso) : ?>
                                    <option value="<?=$tipoProceso->cotp_id ?>" ><?=$tipoProceso->cotp_descripcion ?></option>
                                <?php endforeach ?>
                            </select>
                            <label for="cotp_id">Tipo Convocatoria</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <select class="form-control" id="cott_id" name="cott_id">
                                <?php foreach ($lsConvocatoriaTipoTrabajo as $tipoTrabajo) : ?>
                                    <option value="<?=$tipoTrabajo->cott_id ?>" ><?=$tipoTrabajo->cott_descripcion ?></option>
                                <?php endforeach ?>
                            </select>
                            <label for="cott_id">Tipo Trabajo</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="number" class="form-control" id="conv_numero_plazas" name="conv_numero_plazas" placeholder="Plazas">
                            <label for="conv_numero_plazas">Plazas</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="number" class="form-control" id="conv_remuneracion" name="conv_remuneracion" placeholder="Remuneracion">
                            <label for="conv_remuneracion">Remuneracion</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="conv_nombre_cargo" name="conv_nombre_cargo" placeholder="Nombre/Cargo">
                            <label for="conv_nombre_cargo">Nombre/Cargo</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="conv_area_oficina" name="conv_area_oficina" placeholder="Area/Oficina">
                            <label for="conv_area_oficina">Area/Oficina</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="conv_formacion_academica" name="conv_formacion_academica" placeholder="Area/Oficina">
                            <label for="conv_formacion_academica">Formacion academica</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="conv_capacitaciones" name="conv_capacitaciones" placeholder="Capacitaciones">
                            <label for="conv_capacitaciones">Capacitaciones</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="number" class="form-control" id="conv_experiencia_general" name="conv_experiencia_general" placeholder="Experiencia general (meses)">
                            <label for="conv_experiencia_general">Experiencia general (meses)</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="number" class="form-control" id="conv_experiencia_especifica" name="conv_experiencia_especifica" placeholder="Experiencia especifica (meses)">
                            <label for="conv_experiencia_especifica">Experiencia especifica (meses)</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <input type="text" class="form-control" id="conv_habilidades" name="conv_habilidades" placeholder="Habilidades">
                            <label for="conv_habilidades">Habilidades</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="conv_fecha_desde" name="conv_fecha_desde" placeholder="Habilidades">
                            <label for="conv_fecha_desde">Desde</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="conv_fecha_hasta" name="conv_fecha_hasta" placeholder="Habilidades">
                            <label for="conv_fecha_hasta">Hasta</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="date" class="form-control" id="conv_fecha_contrato" name="conv_fecha_contrato" placeholder="Habilidades">
                            <label for="conv_fecha_contrato">Fecha contrato</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="number" class="form-control" id="conv_duracion_contrato" name="conv_duracion_contrato" placeholder="Duracion contrato (meses)">
                            <label for="conv_duracion_contrato">Duracion contrato (meses)</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="file" class="form-control" id="conv_bases" name="conv_bases" placeholder="Bases">
                            <label for="conv_bases">Bases</label>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-floating mb-3">
                            <input type="file" class="form-control" id="conv_resolucion" name="conv_resolucion" placeholder="Resolucion">
                            <label for="conv_resolucion">Resolucion</label>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-floating mb-3">
                            <textarea class="form-control" id="conv_descripcion" name="conv_descripcion" placeholder="Descripcion"></textarea>
                            <label for="conv_descripcion">Descripcion del trabajo</label>
                        </div>
                    </div>


                    <input type="hidden" id="conv_id" name="conv_id">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal"><i class="bx bx-x"></i> Cerrar</button>
                <button type="button" class="btn btn-success btnGuardarConvocatoria"><i class="bx bx-save"></i> Guardar</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>