<!-- Modal: Formulario Detalle Empleado -->
<style>
  .invalid-feedback {
    white-space: normal;
    word-break: break-word;
  }

  .resaltar-obligatorio {
    border: 2px solid #ffc107 !important; /* Borde amarillo */
    background-color: #fff8e1 !important; /* Fondo amarillo claro */
  }
</style>
</style>
<div class="modal fade" id="modalDetalleEmpleado" tabindex="-1" aria-labelledby="modalDetalleEmpleadoLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">
      <form id="formDetalleEmpleado">
        <div class="modal-header bg-primary text-white">
          <h5 class="modal-title" id="modalDetalleEmpleadoLabel">
            <i class="fas fa-user-edit me-2"></i>Formulario Detalle de Empleado
          </h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        </div>

        <div class="modal-body">
          <div class="row g-3">
            <!-- Datos autollenados desde aspirantes -->
            <div class="col-md-4">
              <label class="form-label">Nombre</label>
              <input type="text" class="form-control" name="NOMBRE" readonly>
            </div>
            <div class="col-md-4">
              <label class="form-label">Apellido Paterno</label>
              <input type="text" class="form-control" name="APELLIDO_PATERNO" readonly>
            </div>
            <div class="col-md-4">
              <label class="form-label">Apellido Materno</label>
              <input type="text" class="form-control" name="APELLIDO_MATERNO" readonly>
            </div>
            <div class="col-md-4">
              <label class="form-label">CURP</label>
              <input type="text" class="form-control" name="CURP" readonly>
            </div>
              <!-- Campo de RFC con doble validación -->
           <div class="col-md-4">
              <label class="form-label fw-bold text-warning">RFC *</label>
              <input type="text" class="form-control resaltar-obligatorio" name="RFC" id="rfc1" maxlength="13" autocomplete="off"
                    onpaste="return false;" oncopy="return false;" oncut="return false;">
              <div class="invalid-feedback" id="rfc1Error"></div>
            </div>

            <div class="col-md-4">
              <label class="form-label fw-bold text-warning">Confirmar RFC *</label>
              <input type="text" class="form-control resaltar-obligatorio" id="rfc2" maxlength="13" autocomplete="off"
                    onpaste="return false;" oncopy="return false;" oncut="return false;">
              <div class="invalid-feedback" id="rfc2Error"></div>
            </div>
            <!-- Fin del campo RFC con doble validación -->
            <div class="col-md-4">
              <label class="form-label">Puesto</label>
              <input type="text" class="form-control" name="PUESTO" readonly>
            </div>
            <div class="col-md-4">
              <label class="form-label">Nombre completo PDV</label>
              <input type="text" class="form-control" name="NOMBRE_COMPLETO_PDV" readonly>
            </div>
            <div class="col-md-4">
              <label class="form-label">Almacén</label>
              <input type="text" class="form-control" name="ALMACEN" readonly>
            </div>
            <div class="col-md-4">
              <label class="form-label">Fecha Nacimiento</label>
              <input type="date" class="form-control" name="FECHA_NACIMIENTO">
            </div>
            <div class="col-md-4">
              <label class="form-label">Género</label>
              <select class="form-select" name="GENERO">
                <option selected disabled>Por favor seleccione</option>
                <option value="H">Masculino</option>
                <option value="M">Femenino</option>
              </select>
            </div>
            <div class="col-md-4">
              <label class="form-label">ID Puesto</label>
              <input type="text" class="form-control" name="ID_PUESTO">
            </div>
            <div class="col-md-4">
              <label class="form-label fw-bold text-warning">Fecha de inicio de actividades *</label>
              <input type="date" class="form-control resaltar-obligatorio" name="FECHA_DE_ENTRADA" id="fechaInicioActividades" required>
            </div>
            <div class="col-md-4">
              <label class="form-label">Clave Única PDV</label>
              <input type="text" class="form-control" name="CLAVE_UNICA_PDV">
            </div>
            <div class="col-md-4">
              <label class="form-label">Medio Tiempo</label><br>
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="medioTiempo" name="medioTiempo" value="1">
              </div>
            </div>
            <div class="col-md-4">
              <label class="form-label">Estado Nacimiento</label>
              <input type="text" class="form-control" name="estadoNacimiento" readonly>
            </div>
            <div class="col-md-4">
              <label class="form-label">Ciudad Nacimiento *</label>
              <input type="text" class="form-control" name="ciudadNacimiento" readonly>
            </div>
          </div>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
          <button type="submit" class="btn btn-success">
            <i class="fas fa-save me-1"></i> Guardar Datos
          </button>
        </div>
      </form>
      <input type="hidden" name="vacante_codigo" id="vacanteCodigoPreAlta">
      <input type="hidden" id="curpAspirante" value="<?= htmlspecialchars($c['curp']) ?>">
    </div>
  </div>
</div>
