  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Gestión de riesgos</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item"><a href="#">Administración</a></li>
              <li class="breadcrumb-item"><a href="#">Gestión de riesgos</a></li>
              <li class="breadcrumb-item active">Edición de riesgos</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <?php 

      require_once "../../controlador/gestion.riesgo.controlador.php";

      // Instancia de la clase UsuarioControlador
      $gestionRisgoControlador = new ControladorGestonRiesgo();

      // Procesos
      $procesos = $gestionRisgoControlador->ctrConsultaProcesos($_GET['id_perfil'], $_GET['id_proceso']);
      
      // Usuarios
      $usuarios = $gestionRisgoControlador->ctrConsultaUsuarios();

      // Impacto
      $impatos = $gestionRisgoControlador->ctrConsultaImpacto();

      // Probabilidad 
      $probabilidades = $gestionRisgoControlador->ctrConsultaProbabilidad();

      // Riesgos
      $riesgos = $gestionRisgoControlador->ctrConsultaRiesgo('general', '', '', $_GET['id_proceso']);

      // Causas
      $causas = $gestionRisgoControlador->ctrConsultaCausa();

      // Consecuencias
      $consecuencias = $gestionRisgoControlador->ctrConsultaConsecuencia();

      // Clases de riesgo
      $clasesRiesgo = $gestionRisgoControlador->ctrConsultaClaseRiesgo();

      // Casificación controles
      $casificacionControles = $gestionRisgoControlador->ctrConsultaClasificacionControl('', 'general', ''); 

      // Nivel evaluación
      $nivelesEvaluacion = $gestionRisgoControlador->ctrConsultaNivelEvaluacion('', 'general', ''); 
      
      // Nivel verificación
      $nivelesVerificacion = $gestionRisgoControlador->ctrConsultaNivelVerificacion('', 'general', ''); 

      // var_dump($nivelesVerificacion);

    ?>

    <!-- Modal actualiza control -->
    <div class="modal fade" id="modal_actualiza_control" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Actualizar control</h5>   
          </div>
          <form class="form-horizontal" autocomplete="off" id="frm_actualiza_control">
            <div class="modal-body"> 
                <!-- Identificador del indicador -->
                <input type="hidden" name="actualiza_control_id_causa" id="actualiza_control_id_causa">
                <input type="hidden" name="actualiza_control_id_control" id="actualiza_control_id_control">
                <div class="row">
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <select class="selectproceso form-control" style="width: 100%" name="actualiza_control_id_clasificacion" id="actualiza_control_id_clasificacion" disabled="">
                            <option value="0">CLASIFICACIÓN DE CONTROL</option>
                            <?php foreach ($casificacionControles as $key => $clasificacioncontrol) { ?>
                              <option value="<?php echo $clasificacioncontrol['id'] ?>"><?php echo utf8_encode($clasificacioncontrol['descripcion']) ?></option>
                            <?php } ?>
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <select class="selectproceso form-control" style="width: 100%" name="actualiza_control_id_tipo_control" id="actualiza_control_id_tipo_control" disabled="" >
                            <option value="0">TIPO DE CONTROL</option>
                            <option value="1">Preventivo</option>
                            <option value="2">Correctivo</option>
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-12">
                      <div class="form-group">
                        <div>
                          <select class="form-control" name="actualiza_control_estado" id="actualiza_control_estado" disabled="" style="width: 100%; height: 34px;">
                            <option value="10">ESTADO DEL CONTROL</option>
                            <option value="1">ACTIVO</option>
                            <option value="0">INACTIVO</option>
                          </select> 
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-12">
                      <div class="form-group">
                          <div>
                            <textarea class="form-control" name="actualiza_control_descripcion" id="actualiza_control_descripcion" placeholder="DESCRIPCIÓN" ></textarea>
                          </div>
                      </div>
                    </div>                    
                </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-success" data-dismiss="modal">Cerrar <i class="fas fa-times ml-3"></i></button>
              <button type="button" class="btn btn-success" onclick="actualizaControl('frm_actualiza_control', '<?php echo $_GET['id_usuario'] ?>', 'actualiza_control', '../controlador/gestion.riesgo.controlador.php', 'modulos/gestion_de_riesgos.php?id_usuario=<?php echo $_GET['id_usuario'] ?>&usuario=<?php echo $_GET['usuario'] ?>&id_proceso=<?php echo $_GET['id_proceso'] ?>,&id_perfil=<?php echo $_GET['id_perfil'] ?>', 'modal_nuevo_control');">Actualizar <i class="far fa-save ml-3"></i></button>
            </div>

          </form>
        </div>
      </div>
    </div>

    <!-- Modal evaluación control -->
    <div class="modal fade" id="modal_evaluacion_control" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Evaluar control</h5>   
          </div>
          <form class="form-horizontal" autocomplete="off" id="frm_evalua_control">
            <div class="modal-body"> 
                <!-- Identificador del indicador -->
                <input type="hidden" name="evalua_id_causa" id="evalua_id_causa">
                <input type="hidden" name="evalua_id_control" id="evalua_id_control">
                <input type="hidden" name="evalua_id_tipo_control" id="evalua_id_tipo_control">
                <input type="hidden" name="evalua_id_clasificacion" id="evalua_id_clasificacion">
                <input type="hidden" name="evalua_id_nival_consecuencia" id="evalua_id_nival_consecuencia">
                <input type="hidden" name="evalua_id_probabilidad" id="evalua_id_probabilidad">
                <input type="hidden" name="evalua_id_impacto" id="evalua_id_impacto">
                <div class="row">
                    <p class="col-sm-12 h5">Efectividad de control</p>
                    <div class="col-sm-12">
                      <div class="form-group">
                        <div>
                          <?php 
                            $disabled = ''; // Habilitar o deshabilitar 
                            $m = 'ml-1'; // margen izquierda
                            foreach ($nivelesVerificacion as $key => $nivelVerificacion) { 

                            // Atributo para desabilitar campos
                            if($key>=1){
                              $disabled = 'disabled=""';
                              $m ='ml-5';
                            }

                          ?>

                            <input type="checkbox" class="mr-1 <?php echo $m ?>" name="check<?php echo $nivelVerificacion['id'] ?>" id="check<?php echo $nivelVerificacion['id'] ?>" <?php echo $disabled ?> onchange="abilitaDesabilitaEfectividadControl('check<?php echo $nivelVerificacion['id'] ?>', '<?php echo $nivelVerificacion['id'] ?>', 'frm_evalua_control', '<?php echo $_GET['id_usuario'] ?>', 'consulta_casillas_valoracion', '../controlador/gestion.riesgo.controlador.php', 'modulos/gestion_de_riesgos.php?id_usuario=<?php echo $_GET['id_usuario'] ?>&usuario=<?php echo $_GET['usuario'] ?>&id_proceso=<?php echo $_GET['id_proceso'] ?>,&id_perfil=<?php echo $_GET['id_perfil'] ?>', 'modal_nuevo_control');"><label class="ml-2" for="check<?php echo $nivelVerificacion['id'] ?>"><?php echo utf8_encode($nivelVerificacion['descripcion']) ?></label> 
                                                    
                          <?php } ?>
                            
                        </div>
                      </div>
                    </div> 
                    <div class="col-sm-6 text-center">
                        <span class="h5 text-center" id="puntaje_evaluacion">
                          0
                        </span>
                        <span class="h5 text-center">
                          Puntaje
                        </span>
                        <input type="hidden" name="input_puntaje_evaluacion" id="input_puntaje_evaluacion" value="0">
                    </div>
                    <div class="col-sm-6">
                        <span class="col-sm-2 h5" id="casilla_valoracion">
                          0
                        </span>
                        <span class="col-sm-8 h5" id="text_casilla">
                          Casillas en la valoración
                        </span>
                        <input type="hidden" name="input_casilla_valoracion" id="input_casilla_valoracion" value="0">
                    </div>
                    <div class="col-sm-12 pt-5">
                      <p class="h5">Evaluación</p>
                      <div class="form-group">
                        <div>
                          <select class="selectproceso form-control" style="width: 100%" name="evalua_id_evaluacion" id="evalua_id_evaluacion" onchange="consultaNivelEvaluacion(this.value);">
                            <option value="0">EVALUACIÓN</option>
                            <?php foreach ($nivelesEvaluacion as $key => $nivelEvaluacion) { ?>
                              <option value="<?php echo $nivelEvaluacion['id'] ?>"><?php echo utf8_encode($nivelEvaluacion['descripcion']) ?></option>
                            <?php } ?>
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-12">
                      <p id="detalle_nivel_calificacion">
                        
                      </p>
                    </div>
                    <div class="form-group col-sm-12 h5 pt-2 text-center">
                          <p id="calificacion">0</p>
                          <p>Calificación</p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-success" data-dismiss="modal">Cerrar <i class="fas fa-times ml-3"></i></button>
              <button type="button" class="btn btn-success" onclick="registraEvaluacion('frm_evalua_control', '<?php echo $_GET['id_usuario'] ?>', 'registra_evaluacion', '../controlador/gestion.riesgo.controlador.php', 'modulos/gestion_de_riesgos.php?id_usuario=<?php echo $_GET['id_usuario'] ?>&usuario=<?php echo $_GET['usuario'] ?>&id_proceso=<?php echo $_GET['id_proceso'] ?>,&id_perfil=<?php echo $_GET['id_perfil'] ?>', 'modal_nuevo_control', 'si');">Guardar <i class="far fa-save ml-3"></i></button>
            </div>

          </form>
        </div>
      </div>
    </div>

    <!-- Main content -->
    <section class="content">

      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <!-- Default box -->
            <div class="card">
              <div class="card-header">
                <h3 class="card-title">Evaluación de controles</h3>
                <div class="card-tools">
                  <button type="button" class="btn btn-tool" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
                    <i class="fas fa-minus"></i></button>
                  <button type="button" class="btn btn-tool" data-card-widget="remove" data-toggle="tooltip" title="Remove">
                    <i class="fas fa-times"></i></button>
                </div>
              </div>
              <form autocomplete="off" id="frm_edicion_riesgo">  
                <div class="card-body">
                  <div class="row">
                    <div class="col-sm-12">
                      <div class="form-group">
                          <div>
                            <select class="selectproceso form-control text-uppercase" name="id_riesgo" id="id_riesgo" style="width: 100%;" onchange="consultaRiesgoControl(this.value, 'modulos/evaluacion_de_controles.php?id_usuario=<?php echo $_GET['id_usuario'] ?>&usuario=<?php echo $_GET['usuario'] ?>&id_proceso=<?php echo $_GET['id_proceso'] ?>,&id_perfil=<?php echo $_GET['id_perfil'] ?>');">
                              <option value="0">SELECCIONAR RIESGO</option>
                              <?php foreach ($riesgos as $riesgo) { ?>
                                <option value="<?php echo $riesgo['id'] ?>"><?php echo utf8_encode($riesgo['titulo']) ?></option>
                              <?php } ?>
                            </select> 
                          </div>
                      </div>
                    </div>           
                    <div class="col-sm-6">
                      <div class="form-group">
                          <div>
                            <select class="selectproceso form-control text-uppercase" name="id_proceso" id="id_proceso" disabled="" style="width: 100%;">
                              <option value="0">PROCESO</option>
                              <?php foreach ($procesos as $proceso) { ?>
                                <option value="<?php echo $proceso['id'] ?>"><?php echo utf8_encode($proceso['descripcion']) ?></option>
                              <?php } ?>
                            </select> 
                          </div>
                      </div>
                    </div> 
                    <div class="col-sm-6">
                      <div class="form-group">
                        <select class="selectproceso form-control" name="estado" id="estado" style="width: 100%;">
                          <option value="10">ESTADO DEL RIESGO</option>
                          <option value="1">ACTIVO</option>
                          <option value="0">INACTIVO</option>
                        </select>  
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <select class="selectproceso form-control" style="width: 100%" name="clasificacion" id="clasificacion" disabled="">
                            <option value="0">CLASIFICACIÓN</option>
                            <?php foreach ($clasesRiesgo as $key => $clase) { ?>
                              <option value="<?php echo $clase['id'] ?>"><?php echo utf8_encode($clase['descripcion']) ?></option>
                            <?php } ?>
                          </select>
                        </div>  
                      </div>
                    </div>
                    <div class="form-group col-sm-6">
                      <input class="form-control text-uppercase" type="txt" name="titulo" id="titulo" style="height: 30px;" placeholder="TITULO" disabled="">
                    </div>
                    <div class="col-sm-12">
                      <div class="form-group">
                          <div>
                            <textarea class="form-control" name="descripcion" id="descripcion" placeholder="DESCRIPCIÓN" disabled=""></textarea>
                          </div>
                      </div>
                    </div>
                    <p class="col-sm-12">Probabilidad e Impacto de concurrencia</p>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <!-- Input utilizado para almacenar el id de probabilidad ya que el select probabilidad cuenta conel atributo disabled  -->
                          <input type="hidden" name="input_id_probabilidad" id="input_id_probabilidad">
                          <select class="selectproceso form-control" style="width: 100%" name="id_probabilidad" id="id_probabilidad" disabled="">
                            <option value="0">PROBABILIDAD</option>
                            <?php foreach ($probabilidades as $key => $probabilidad) { ?>
                              <option value="<?php echo $probabilidad['id'] ?>"><?php echo utf8_encode($probabilidad['descripcion']) ?></option>
                            <?php } ?>
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <!-- Input utilizado para almacenar el id de probabilidad ya que el select impacto cuenta conel atributo disabled  -->
                          <input type="hidden" name="input_id_impacto" id="input_id_impacto">
                          <select class="selectproceso form-control" style="width: 100%" name="id_impacto" id="id_impacto" disabled="">
                            <option value="0">IMPACTO</option>
                            <?php foreach ($impatos as $key => $impacto) { ?>
                              <option value="<?php echo $impacto['id'] ?>"><?php echo utf8_encode($impacto['descripcion']) ?></option>
                            <?php } ?>
                          </select>
                        </div>
                      </div>
                    </div>
                    
                    <div class="col-sm-12" id="div_nivel_consecuencia">
                      
                    </div>

                    
                    <div class="col-sm-12" id="div_nivel_consecuencia_recidual">
                      
                    </div>
                  </div>  
                </div>
              </form>
              <!-- /.card-footer-->
              <div class="col-sm-12 mt-5">
                <div class="table-responsive">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>CAUSAS</th>
                        <th colspan="2">DESCRIPCIÓN</th>
                        <th>CONSECUENCIAS</th>
                        <th colspan="2">DESCRIPCIÓN</th>
                      </tr>
                    </thead>
                    <tbody id="lista_causa_consecuencia">
                      
                    </tbody>
                  </table>  
                </div>
              </div>
            </div>
            <!-- /.card -->
          </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>