postulante-form.jsp 30.5 KB
Newer Older
1 2 3
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
4 5 6 7 8 9 10 11 12 13
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <title>Hello, world!</title>
14

Joel Florentin committed
15
    
Nelson Ruiz committed
16 17
    <style type="text/css" media="screen">
          body {
18
                  background-color: #506BEE
Nelson Ruiz committed
19 20 21 22 23 24 25 26 27 28 29
              }

              .card {
                  border: none
              }

              .image {
                  position: relative
              }

              .image span {
30
                  background-color: #506BEE;
Nelson Ruiz committed
31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
                  color: #fff;
                  padding: 6px;
                  height: 30px;
                  width: 30px;
                  border-radius: 50%;
                  font-size: 13px;
                  position: absolute;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  top: -0px;
                  right: 0px
              }

              .user-details h4 {
46
                  color: #506BEE
Nelson Ruiz committed
47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77
              }

              .ratings {
                  font-size: 30px;
                  font-weight: 600;
                  display: flex;
                  justify-content: left;
                  align-items: center;
                  color: #f9b43a
              }

              .user-details span {
                  text-align: left
              }

              .inputs label {
                  display: flex;
                  margin-left: 3px;
                  font-weight: 500;
                  font-size: 13px;
                  margin-bottom: 4px
              }

              .inputs input {
                  font-size: 14px;
                  height: 40px;
                  border: 2px solid #ced4da
              }

              .inputs input:focus {
                  box-shadow: none;
78
                  border: 2px solid #506BEE
Nelson Ruiz committed
79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121
              }

              .about-inputs label {
                  display: flex;
                  margin-left: 3px;
                  font-weight: 500;
                  font-size: 13px;
                  margin-bottom: 4px
              }

              .about-inputs textarea {
                  font-size: 14px;
                  height: 100px;
                  border: 2px solid #ced4da;
                  resize: none
              }

              .about-inputs textarea:focus {
                  box-shadow: none
              }

              .btn {
                  font-weight: 600
              }

              .btn:focus {
                  box-shadow: none
              }

              select {
                  display: block;
                  width: 100%;
                  border: 1px solid #ddd;
                  border-radius: 10px;
                  height: 40px;
                  padding: 5px 10px
              }

              select:focus {
                  outline: none
              }

              .add-experience:hover {
122

123
                  background: #506BEE;
Nelson Ruiz committed
124 125
                  color: #fff;
                  cursor: pointer;
126
                  border: solid 1px #506BEE
127

Nelson Ruiz committed
128
              }
Nelson Ruiz committed
129 130 131 132 133 134 135 136 137
                #outer
                {
                    width:100%;
                    text-align: center;
                }
                .inner
                {
                    display: inline-block;
                }
Nelson Ruiz committed
138 139 140
    </style>


141 142
  </head>

Nelson Ruiz committed
143
  <body class="container">
144 145
    <form name="postulante" method="post" class="needs-validation" novalidate>
                      <div class="container mt-3">
Nelson Ruiz committed
146 147
                          <div class="card p-3 text-center">
                              <div class="d-flex flex-row justify-content-center mb-3">
Nelson Ruiz committed
148
                                
Nelson Ruiz committed
149
                              </div>
Nelson Ruiz committed
150
                              <h4>Curriculum</h4>
Nelson Ruiz committed
151
                              <div class="row">
152 153 154 155 156 157 158 159
                                  <div class="about-inputs  mb-3 col-md-12 center">
                                    <label for="resumen" class="form-label">Resumen</label>
                                    <textarea  class="form-control center  " name="resumen" id="resumen" required > </textarea>
                                    <div class="valid-feedback">
                                      Luce Bien!
                                    </div>
                                    
                                  </div>
Nelson Ruiz committed
160 161

                                  <div class="inputs mb-3 col-md-6">
Nelson Ruiz committed
162
                                    <label for="nombre" class="form-label">Nombre</label>
163 164 165 166
                                    <input type="text" name="nombre" class="form-control  " id="nombre" required>
                                    <div class="valid-feedback">
                                      Luce Bien!
                                    </div>
Nelson Ruiz committed
167 168
                                  </div>
                                  
Nelson Ruiz committed
169
                                  <div class="inputs mb-3 col-md-6">
Nelson Ruiz committed
170
                                    <label for="apellido" class="form-label">Apellido</label>
171 172 173 174
                                    <input type="text" name="apellido" class="form-control  " id="apellido" required>
                                    <div class="valid-feedback">
                                      Luce Bien!
                                    </div>
Nelson Ruiz committed
175 176 177
                                  </div>
          

Nelson Ruiz committed
178
                                  <div class="inputs mb-3 col-md-6">
Nelson Ruiz committed
179
                                    <label for="correo" class="form-label">Email address</label>
180 181 182 183
                                    <input type="email" name="correo" class="form-control  " id="correo" required>
                                    <div class="valid-feedback">
                                      Luce Bien!
                                    </div>
Nelson Ruiz committed
184
                                  </div>
185 186 187 188 189 190 191 192 193

                                  <div class="inputs mb-3 col-md-6"> 
                                    <label for="nacionalidad" class="form-label"> Nacionalidad</label> 
                                    <select name="nacionalidad" id="nacionalidad" class="bg-light">
                                      <c:forEach items="${nacionalidades}" var="nacionalidad">
                                        <option value="${nacionalidad.getDescripcion()}">${nacionalidad.getDescripcion()}</option>
                                      </c:forEach>
                                    
                                  </select> </div>
194 195 196 197 198 199 200 201

                                  <div class="inputs mb-3 col-md-6"> 
                                    <label for="tipoDocumento" class="form-label"> Tipo de documento</label> 
                                    <select name="tipoDocumento" id="tipoDocumento" class="bg-light" required onchange='carg(this.value);'>
                                        <option value='CI' selected>C.I</option>
                                        <option value='PAS'>Pasport</option>
                                        <option value='Otro'>Otro</option>
                                    </select> 
202
                                  </div>
Nelson Ruiz committed
203
                              
Nelson Ruiz committed
204
                                  <div class="inputs  mb-3 col-md-6">
205 206
                                    <label for="nroDocument" class="form-label">Numero de Documento</label>
                                    <input type="number" name="nroDocument" class="form-control  " id="nroDocument" required>
207 208 209
                                    <div class="valid-feedback">
                                      Luce Bien!
                                    </div>
Nelson Ruiz committed
210 211
                                  </div>
                                  
212 213 214 215 216 217 218 219
                                  <div class="inputs mb-3 col-md-6"> 
                                    <label for="departamentos" class="form-label"> Departamentos</label> 
                                    <select  id="departamentos" class="bg-light">
                                      <c:forEach items="${departamentos}" var="departamentos">
                                        <option value="${departamentos.getId()}">${departamentos.getNombre()}</option>
                                      </c:forEach>
                                    
                                    </select> 
Nelson Ruiz committed
220
                                  </div>
221 222 223 224 225 226 227 228

                                  <div class="inputs mb-3 col-md-6"> 
                                    <label for="ciudad" class="form-label"> Ciudad</label> 
                                    <select name="ciudadId" id="ciudad" class="bg-light">
                                      
                                    
                                     </select> 
                                </div>
Nelson Ruiz committed
229
                                  <div class="inputs mb-3 col-md-6">
Nelson Ruiz committed
230
                                    <label for="telefono" class="form-label">Telefono</label>
231 232 233 234
                                    <input type="number" name="telefono" class="form-control  " id="telefono" required>
                                    <div class="valid-feedback">
                                      Luce Bien!
                                    </div>
Nelson Ruiz committed
235 236
                                  </div>

237 238 239 240 241 242 243
                                  <div class="inputs mb-3 col-md-6">
                                    <label for="fechaNacimiento" class="form-label">Fecha de nacimiento</label>
                                    <input type="date" name="fechaNacimiento" class="form-control  " id="fechaNacimiento" required>
                                    <div class="valid-feedback">
                                      Luce Bien!
                                    </div>
                                  </div>
Nelson Ruiz committed
244 245
                              
                        
246 247
                                  <div class="inputs col-md-6"> <label for="nivelIngles" class="form-label"> Nivel de ingles</label> 
                                    <select name="nivelIngles" id="nivelIngles" class="bg-light">
248 249 250 251 252
                                    <option value="1" selected>Ingles muy basico</option>
                                    <option value="2" >Comprendo algunas cosas y puedo leer con la ayuda del traductor</option>
                                    <option value="3" >Puedo leer tranquilamente</option>
                                    <option value="4" >Puedo escribir documentacion</option>
                                    <option value="5" >Puedo escribir y hablar tranquilamente</option>
253 254
                                    </select> 
                                  </div>
Nelson Ruiz committed
255
                                
256 257 258
                                  <div class="inputs mb-3 col-md-6"> 
                                    <label for="disponibilidad" class="form-label"> Disponibilidad</label> 
                                    <select name="disponibilidad" id="disponibilidad" class="bg-light">
259 260 261 262
                                      <c:forEach items="${disponibilidades}" var="disponibilidad">
                                        <option value="${disponibilidad.getCode()}">${disponibilidad.getDescripcion()}</option>
                                      </c:forEach>
                                    
263
                                  </select> </div>
Nelson Ruiz committed
264
                                
265
                                  <div class="inputs mb-3 col-md-6"> 
266 267 268 269
                                    <label for="estadoCivil" class="form-label"> Estado Civil</label> 
                                    <select name="estadoCivil" id="estadoCivil" class="bg-light">
                                      <c:forEach items="${estadosCiviles}" var="estadoCivil">
                                        <option value="${estadoCivil.getDescripcion()}">${estadoCivil.getDescripcion()}</option>
270 271
                                      </c:forEach>
                                    
272 273
                        
                                  </select> </div>
274

willgonzz committed
275 276 277 278 279 280 281
                                  <div class="inputs p-3 py-5">
                                    <div class=" inputs d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience"  data-toggle="modal" data-target="#cargoForm"><i class="fa fa-plus"></i>&nbsp;Cargo al que postulas</span></div><br>   
                                  </div>

                                  <div class="mt-3 gap-2 d-flex justify-content-between" id="cargos">
                                  </div>

282 283
                                  <div class="inputs p-3 py-5">
                                    <div class=" inputs d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience"  data-toggle="modal" data-target="#experienciaForm"><i class="fa fa-plus"></i>&nbsp;Agregar Experiencia</span></div><br>   
284

285
                                  </div>
Nelson Ruiz committed
286

287 288 289 290
                                  <div class="mt-3 gap-2 d-flex justify-content-between" id="experiencias">
                                  </div>
                                    
                               
Nelson Ruiz committed
291 292
                                  <div class=" p-3 py-5">
                                   <div class="  d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience"  data-toggle="modal" data-target="#estudioForm"><i class="fa fa-plus"></i>&nbsp;Agregar Estudio</span></div><br>   
293 294 295 296 297 298 299
                                  </div>
                                 
                                  <div class="mt-3 gap-2 d-flex justify-content-between" id="estudios">
                                  </div>
                            
                               
                               
Nelson Ruiz committed
300 301
                                <div class=" p-3 py-5">
                                  <div class="  d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience"  data-toggle="modal" data-target="#tecnologiaForm"><i class="fa fa-plus"></i>&nbsp;Agregar Tecnologia</span></div><br>   
302 303
                                </div>
                                
304
                                
305
                                <div class="mt-3 gap-2 d-flex justify-content-between" id="tecnologias"> 
Nelson Ruiz committed
306
                                </div>
307

Nelson Ruiz committed
308 309
                                <div class=" p-3 py-5">
                                  <div class="  d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience"  data-toggle="modal" data-target="#referenciaForm"><i class="fa fa-plus"></i>&nbsp;Referencias Personales</span></div><br>   
310 311 312
                                </div>
                                <div class="mt-3 gap-2 d-flex justify-content-between" id="referencia"> 
                                </div>
313 314
                      
                        
Nelson Ruiz committed
315 316
                                
                                <div class="mt-3 gap-2 d-flex justify-content-end">
317
                                  <a class="px-3 btn btn-sm btn-outline-primary" href="/postulante">Cancelar</a>
Nelson Ruiz committed
318
                                  <button class="px-3 btn btn-sm btn-primary" type="submit">Guardar</button>
Nelson Ruiz committed
319
                                </div>
Nelson Ruiz committed
320
                              </div>
321
                          </div>
Nelson Ruiz committed
322
                      </div>
323
    </form>
willgonzz committed
324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354
    <!---------------------------------------Modal de Cargos disponibles---------------------------------------------------------------->
    <div class="modal fade" id="cargoForm" tabindex="-2" role="dialog" aria-labelledby="cargoForm" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel" >CargosDisponibles</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <form name="cargo-form" class="needs-validation" novalidate>
              <label for="cargo-nombre" class="form-label">Cargo</label>
              <div class="input-group mb-3">
                <select class="form-select" name="cargo-id" aria-label="Default select example" required>
                  <option value="-1" selected>Open this select menu</option>
                  <c:forEach items="${CargosDisponibles}" var="convocatoria">
                                <option value="${convocatoria.getId()}">${convocatoria.getCargo().getNombre()}</option>
                  </c:forEach>>
                </select>
              </div>
            </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" onclick="agregarFieldCargo()" data-dismiss="modal">Agregar</button>
        </div>
      </div>
    </div>
  </div>  
  <!-------------------------------------------------------------------------------------------------------------------------->
355

356
      <!--Modal de Experiencia-->
357 358 359 360 361 362 363 364 365 366
      <div class="modal fade" id="experienciaForm" tabindex="-1" role="dialog" aria-labelledby="experienciaForm" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Experiencia</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
367
                <form name="experiencia-form" class="needs-validation" novalidate>
368

Nelson Ruiz committed
369
                        <div class="inputs">
370 371
                            <label for="institucionExperiencia" class="inputs form-label">Institucion</label>
                            <input type="text" class="inputs form-control  " name="institucion" id="institucionExperiencia" required>
Nelson Ruiz committed
372 373
                        </div>
                        <div class="inputs">
374 375
                            <label for="fechaDesdeExperiencia" class="form-label">Fecha Desde</label>
                            <input type="date" class="form-control" name="fechaDesde" id="fechaDesdeExperiencia" required>
Nelson Ruiz committed
376 377 378
                        </div>
                         
                        <div class="inputs">
379 380
                            <label for="fechaHastaExperiencia" class="form-label">Fecha Hasta</label>
                            <input type="date" class="form-control" name="fechaHasta" id="fechaHastaExperiencia" >
Nelson Ruiz committed
381 382 383 384
                        </div>
                        
                        <div class="inputs">
                            <label for="cargo" class="form-label">Cargo</label>
385
                            <input type="text" class="form-control " name="cargo" id="cargo" required>
Nelson Ruiz committed
386 387 388
                        </div>

                        <div class="inputs">
389
                          <label for="descripcion" class="form-label">Descripcion</label>
390
                          <textarea  class="form-control  " name="descripcion" id="descripcion"> </textarea>
391 392 393 394 395 396 397 398 399

                        </div>
                        <div class="inputs">
                          <label for="refNombre" class="form-label">Nombre de la Referencia</label>
                          <input type="text" class="form-control  " name="nombreReferencia" id="refNombre" >
                        </div>
                        <div class="inputs">
                          <label for="refTel" class="form-label">Telefono de la Referencia</label>
                          <input type="text" class="form-control  " name="telefonoReferencia" id="refTel" >
Nelson Ruiz committed
400
                        </div>
401 402 403 404 405 406 407 408 409 410 411 412 413 414 415
                        
                        <div class="inputs">
                          <label for="motivoSalida" class="form-label">Motivo de Salida</label>
                          <textarea class="form-control  " name="motivoSalida" id="motivoSalida" ></textarea>
                        </div>
                        <div class="inputs">
                          <label for="tipoExperiencia" class="form-label"> Tipo de Experiencia</label> 
                            <select name="tipoExperiencia" id="tipoExperiencia" class="bg-light">
                              <c:forEach items="${tiposExperencia}" var="tipoExperiencia">
                                <option value="${tipoExperiencia.getDescripcion()}">${tipoExperiencia.getDescripcion()}</option>
                              </c:forEach>
                            
                            </select>
                        </div>
                        
Nelson Ruiz committed
416
                          
417

418 419 420 421
                </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
422
              <button id="agregar-exp" type="button" class="btn btn-primary" onclick="agregarFieldExpierncia()" data-dismiss="modal">Agregar</button>
423 424 425 426
            </div>
          </div>
        </div>
      </div>
willgonzz committed
427 428 429 430 431 432 433 434 435 436 437
    <!--------------------------------------------------------------------------------------->
      <div class="modal fade" id="tecnologiaForm" tabindex="-2" role="dialog" aria-labelledby="tecnologiaForm" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel" >tecnologia</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
438
              <form name="tecnologia-form" class="needs-validation" novalidate>
Joel Florentin committed
439 440
                <label for="tecnologia-nombre" class="form-label">Tecnologia</label>
                <div class="input-group mb-3">
441
                  <select class="form-select" name="tecnologia-id" aria-label="Default select example" required>
Joel Florentin committed
442 443 444 445 446 447 448 449 450 451 452
                    <option value="-1" selected>Open this select menu</option>
                    <c:forEach items="${tecnologias}" var="tecnologia">
                      <option value="${tecnologia.id}">${tecnologia.nombre}</option>
                    </c:forEach>
                  </select>
                  <button class="btn btn-outline-secondary" type="button" id="btn-new-tech">Agregar nuevo</button>
                </div>
                  
                  
                  <input type="text" class="form-control d-none" name="tecnologia-nombre" id="tecnologia-nombre" >
                  <label for="nivel" class="form-label">Nivel</label>
453
                  <input type="range" class="form-range" name="nivel" id="nivel" min="1" max="5" required>
Joel Florentin committed
454 455 456 457 458
              </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary" onclick="agregarFieldTecnologia()" data-dismiss="modal">Agregar</button>
willgonzz committed
459 460
          </div>
        </div>
Joel Florentin committed
461 462 463
      </div>
    </div>      
  <!--------------------------------------------------------------------------------------->
464

465 466 467 468 469 470 471 472 473 474 475 476

      <!--Modal de Estudios-->
      <div class="modal fade" id="estudioForm" tabindex="-1" role="dialog" aria-labelledby="estudioForm" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Estudios</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
477
              <form name="estudio-form" class="needs-validation" novalidate>
478 479 480 481


                <div class="form-group">
                    <label for="tipoDeEstudio">Tipo de Estudio</label>
482
                    <select name="tipoDeEstudio" id="tipoDeEstudio" required>
483 484 485 486 487
                        <option value="-1" selected disabled hidden>Seleccionar</option>
                        <c:forEach items="${tiposDeEstudio}" var="tipo">
                            <option value="${tipo}">${tipo.name}</option>
                        </c:forEach>
                    </select>
Joel Florentin committed
488
                </div>
489 490 491
<%--                <label for="tipoDeEstudio" class="form-label">Tipo De Estudio</label>--%>
<%--                <input type="text" class="form-control  " name="tipoDeEstudio" id="tipoDeEstudio">--%>
                <div class="form-group">
492 493
                    <label for="institucionEstudio" class="form-label">Institucion</label>
                    <input type="text" class="form-control" name="institucion" id="institucionEstudio" required>
Joel Florentin committed
494
                </div>
495 496
                <div class="form-group">
                    <label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso</label>
497
                    <input type="text" class="form-control" name="temaDeEstudio" id="temaDeEstudio" required>
498 499 500
                </div>
                  <div class="form-group">
                      <label for="estado">Estado</label>
501
                      <select name="estado" id="estado" required>
502 503 504 505 506
                          <option value="-1" selected disabled hidden>Seleccionar</option>
                          <c:forEach items="${estadosEstudio}" var="estado">
                              <option value="${estado}">${estado.name}</option>
                          </c:forEach>
                      </select>
Joel Florentin committed
507
                  </div>
508
                <div class="form-group">
509 510
                    <label for="fechaDesdeEstudio" class="form-label">Fecha Desde</label>
                    <input type="date" class="form-control  " name="fechaDesde" id="fechaDesdeEstudio" required>
511 512
                </div>
                <div class="form-group">
513 514
                    <label for="fechaHastaEstudio" class="form-label">Fecha Hasta</label>
                    <input type="date" class="form-control  " name="fechaHasta" id="fechaHastaEstudio" >
Joel Florentin committed
515
                </div>
516 517


Joel Florentin committed
518 519 520 521 522
            </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
          <button type="button" class="btn btn-primary" onclick="agregarFieldEstudio()" data-dismiss="modal">Agregar</button>
523 524
        </div>
      </div>
Joel Florentin committed
525 526
    </div>
  </div>
527 528
    <meta name="_csrf" content="${_csrf.token}"/>
    <meta name="_csrf_header" content="${_csrf.headerName}"/>
529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567
    <!--Modal de referencias-->
       <div class="modal fade" id="referenciaForm" tabindex="-1" role="dialog" aria-labelledby="referenciaForm" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Referencias Personales</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <form name="referencia-form" class="needs-validation" novalidate>
                <div class="form-group">
                    <label for="nombre" class="form-label">Nombre</label>
                    <input type="text" class="form-control" name="nombre" id="nombre" required>
                </div>
                <div class="form-group">
                    <label for="relacion" class="form-label">Relacion</label>
                    <input type="text" class="form-control" name="relacion" id="relacion" required>
                </div>

                <div class="form-group">
                  <label for="telefono" class="form-label">Telefono</label>
                  <input type="number" class="form-control" name="telefono" id="telefono" required>
              </div>
                 
                


            </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
          <button type="button" class="btn btn-primary" onclick="agregarFieldReferencia()" data-dismiss="modal">Agregar</button>
        </div>
      </div>
    </div>
      </div>

568

569
    <!-- Optional JavaScript; choose one of the two! -->
570

571
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
willgonzz committed
572 573
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
574 575
    <script>
      var ciudades = ${ciudades};
576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607
      (function(){
          var today = new Date();
          var dd = today.getDate();
          var mm = today.getMonth() + 1; //January is 0!
          var yyyy = today.getFullYear();

          if (dd < 10) {
              dd = '0' + dd;
          }

          if (mm < 10) {
              mm = '0' + mm;
          }

          today = yyyy + '-' + mm + '-' + dd;


          let fechaDesdeEstudio = document.querySelector("#fechaDesdeEstudio");
          let fechaDesdeExperiencia = document.querySelector("#fechaDesdeExperiencia");
          let fechaHastaEstudio = document.querySelector("#fechaHastaEstudio");
          let fechaHastaExperiencia = document.querySelector("#fechaHastaExperiencia");

          fechaDesdeEstudio.setAttribute("max", today);
          fechaDesdeExperiencia.setAttribute("max", today);

          fechaDesdeExperiencia.addEventListener("change", ()=>{
              fechaHastaExperiencia.setAttribute("min", fechaDesdeExperiencia.value)
          })
          fechaDesdeEstudio.addEventListener("change", ()=>{
              fechaHastaEstudio.setAttribute("min", fechaDesdeEstudio.value)
          })
      })()
608
    </script>
609
    <script src="./main.js"></script>
610 611
  </body>
</html>