  <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', ''); 

    ?>

    <!-- Modal nuevo riesgo -->
    <div class="modal fade" id="modal_nuevo_riesgo" 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">Nuevo riesgo</h5>   
          </div>
          <form class="form-horizontal" autocomplete="off" id="frm_riesgo">
            <div class="modal-body"> 
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div>
                              <select class="selectproceso form-control text-uppercase" name="m_id_proceso" id="m_id_proceso" style="width: 100%;">
                                <option value="0"></option>
                                <?php foreach ($procesos as $proceso) { ?>
                                  <option value="<?php echo $proceso['id'] ?>" selected=""><?php echo utf8_encode($proceso['descripcion']) ?></option>
                                <?php } ?>
                              </select>  
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <select class="selectproceso form-control" name="m_estado" id="m_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>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <select class="selectproceso form-control" style="width: 100%" name="m_clasificacion" id="m_clasificacion">
                            <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="m_titulo" id="m_titulo" style="height: 30px;" placeholder="TITULO">
                    </div>
                    <div class="col-sm-12">
                      <div class="form-group">
                          <div>
                            <textarea class="form-control" name="m_descripcion" id="m_descripcion" placeholder="DESCRIPCIÓN"></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>
                          <select class="selectproceso form-control" style="width: 100%" name="m_id_probabilidad" id="m_id_probabilidad" onchange="calculaNivelConsecuenciaModalNuevoRiesgo();">
                            <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>
                          <select class="selectproceso form-control" style="width: 100%" name="m_id_impacto" id="m_id_impacto" onchange="calculaNivelConsecuenciaModalNuevoRiesgo();">
                            <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_modal">
                      
                    </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="formulario('frm_riesgo', '<?php echo $_GET['id_usuario'] ?>', 'registrar_riesgo', '../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_riesgo');">Guardar <i class="far fa-save ml-3"></i></button>

            </div>

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

    <!-- Modal nueva causa -->
    <div class="modal fade" id="modal_nueva_causa" tabindex="-1" aria-labelledby="title_modal_causa" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="title_modal_causa">Nueva causa</h5>   
          </div>
          <form class="form-horizontal" autocomplete="off" id="frm_nueva_causa">
              <!-- id riesgo -->
            <input type="hidden" name="nc_id_riesgo" id="nc_id_riesgo">
            <input type="hidden" name="nc_accion" id="nc_accion" value="">
            <input type="hidden" name="nc_id_causa_consecuencia" id="nc_id_causa_consecuencia" value="">

            <div class="modal-body">
                <div class="row">
                  <div class="col-sm-6">
                    <div class="form-group">
                        <div>
                          <select class="selectproceso form-control text-uppercase" name="nc_id_causa" id="nc_id_causa" style="width: 100%;">
                            <option value="0">SELECCIONAR CAUSA</option>
                            <?php foreach ($causas as $causa) { ?>
                              <option value="<?php echo $causa['id'] ?>"><?php echo utf8_encode($causa['descripcion']) ?></option>
                            <?php } ?>
                          </select>  
                        </div>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <div>
                        <select class="selectproceso form-control" name="nc_id_consecuencia" id="nc_id_consecuencia" style="width: 100%;">
                          <option value="0">SELECCICONAR SECUENCIA</option>
                          <?php foreach ($consecuencias as $key => $consecuencia) { ?>
                            <option value="<?php echo $consecuencia['id'] ?>"><?php echo utf8_encode($consecuencia['descripcion']) ?></option>
                          <?php } ?>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                        <div>
                          <textarea class="form-control" placeholder="DESCRIPCIÓN CAUSA" name="nc_descripcion_causa" id="nc_descripcion_causa"></textarea>   
                        </div>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                        <div>
                          <textarea class="form-control" placeholder="DESCRIPCIÓN CONSECUENCIA" name="nc_descripcion_consecuencia" id="nc_descripcion_consecuencia"></textarea>  
                        </div>
                    </div>
                  </div>
                </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-success" id="modal_nc_btn_actualiza_causa" onclick="registraCausa('frm_nueva_causa', '<?php echo $_GET['id_usuario'] ?>', 'actualizar_causa', '../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_nueva_causa');">Actualizar <i class="fa fa-pen"></i></button>
              <button type="button" class="btn btn-success" id="modal_nc_btn_agregar_causa" onclick="registraCausa('frm_nueva_causa', '<?php echo $_GET['id_usuario'] ?>', 'registrar_causa', '../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_nueva_causa');">Guardar <i class="far fa-save ml-3"></i></button>
            </div>

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

    <!-- Modal control -->
    <div class="modal fade" id="modal_nuevo_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">Agregar control</h5>   
          </div>
          <form class="form-horizontal" autocomplete="off" id="frm_agregar_control">
            <div class="modal-body"> 
                <!-- Identificador del indicador -->
                <input type="hidden" name="mc_id_causa" id="mc_id_causa">
                <input type="hidden" name="mc_id_nivel_consecuencia" id="mc_id_nivel_consecuencia">

                <div class="row">
                    <div class="col-sm-6" id="div_mc_id_proceso">
                        <div class="form-group">
                            <div>
                              <select class="form-control text-uppercase" disabled="" name="mc_id_proceso" id="mc_id_proceso" style="width: 100%;">
                                <option value="0">SELECCIONAR 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">
                        <div>
                          <select class="form-control" name="mc_estado" id="mc_estado" disabled="" style="width: 100%;">
                            <option value="10">ESTADO DEL RIESGO</option>
                            <option value="1">ACTIVO</option>
                            <option value="0">INACTIVO</option>
                          </select> 
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <select class="form-control" style="width: 100%" name="mc_clasificacion" id="mc_clasificacion" readonly="">
                            <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="mc_titulo" id="mc_titulo" readonly="" style="height: 30px;" placeholder="TITULO">
                    </div>
                    <div class="col-sm-12">
                      <div class="form-group">
                          <div>
                            <textarea class="form-control" name="mc_descripcion" id="mc_descripcion" placeholder="DESCRIPCIÓN" readonly=""></textarea>
                          </div>
                      </div>
                    </div>
                    <p class="col-sm-12 h5">Probabilidad e Impacto de concurrencia</p>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <select class="form-control" style="width: 100%" name="mc_id_probabilidad" id="mc_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>
                          <select class="form-control" style="width: 100%" name="mc_id_impacto" id="mc_id_impacto" readonly="">
                            <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>
                    <p>Riesgo inicial</p>
                    <div class="col-sm-12" id="div_modal_agregar_control_nivel_consecuencia">
                      
                    </div>
                    <p>Riesgo recidual</p>
                    <div class="col-sm-12" id="div_modal_agregar_control_nivel_consecuencia_residual">
                      
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <div>
                          <select class="selectproceso form-control" style="width: 100%" name="mc_id_tipo_control" id="mc_id_tipo_control" onchange="calculaNivelConsecuenciaModalNuevoRiesgo();">
                            <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-6">
                      <div class="form-group">
                        <div>
                          <select class="selectproceso form-control" style="width: 100%" name="mc_id_clasificacion" id="mc_id_clasificacion" onchange="calculaNivelConsecuenciaModalNuevoRiesgo();">
                            <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-12">
                      <div class="form-group">
                        <div>
                          <textarea class="form-control" name="mc_descripcion_control" id="mc_descripcion_control" 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="registraControl('frm_agregar_control', '<?php echo $_GET['id_usuario'] ?>', 'registrar_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');">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">Edición de riesgos</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">
                    <button type="button" class="btn btn-success col-sm-12 mb-3" data-toggle="modal" data-target="#modal_nuevo_riesgo">Crear nuevo riesgo <i class="fas fa-plus ml-2"></i></button>
                    <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="consultaRiesgo(this.value, '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'] ?>');">
                              <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>
                          <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>
                          <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_residual">
                      
                    </div>
                  </div>  
                </div>
                <!-- /.card-body -->
                <div class="text-right mr-4">
                  <button class="btn btn-success mr-2" type="button" onclick="abreModalCausa('agregar', '', '', '', '', '');">Agregar causa <i class="fa fa-plus ml-3"></i></button>
                  <button class="btn btn-success" type="button" onclick="formulario('frm_edicion_riesgo', '<?php echo $_GET['id_usuario'] ?>', 'editar_riesgo', '../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'] ?>', '');">Guardar <i class="far fa-save ml-3"></i></button>
                </div>
              </form>
              <!-- /.card-footer-->
              <div class="col-sm-12 mt-5">
                <div class="table-responsive">
                  <table class="table table-hover table-striped">
                    <thead>
                      <tr>
                        <th>Causa</th>
                        <th>Descripción causa</th>
                        <th>Consecuencia</th>
                        <th>Descripción consecuencia</th>
                        <th>Actualizar</th>
                        <th>Agregar control</th>
                      </tr>
                    </thead>
                    <tbody id="lista_causa_consecuencia">
                      
                    </tbody>
                  </table>  
                </div>
              </div>
            </div>
            <!-- /.card -->
          </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>