  <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 procesos</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 procesos</a></li>
              <li class="breadcrumb-item active"></li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <?php 

      require_once "../../controlador/administracion.controlador.php";

      // Instancia de la clase UsuarioControlador
      $administracionControlador = new Controladoradministracion();

      // Ejecución de la función controladora encargada de consultar perfiles.
      $procesos = $administracionControlador->ctrConsultaProcesos();

      $macroProcesos = $administracionControlador->ctrConsultaMacroProcesos();
      // var_dump($macroProcesos);ctrConsultaUsuarios

      // Responsables
      $usuarios = $administracionControlador->ctrConsultaUsuarios();


      // Iconos
      $iconos = $administracionControlador->ctrConsultaIconos();
      // var_dump($iconos);
    ?>

    <!-- Modal nuevo proceso -->
    <div class="modal fade" id="modal_nuevo_proceso" 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 proceso</h5>   
          </div>
          <form class="form-horizontal" autocomplete="off" id="frm_proceso">
            <div class="modal-body"> 
                <div class="row">

                  <!-- <label class="control-label col-sm-12"></label> -->
                  <div class="form-group col-sm-6">
                    <input type="text" class="form-control" name="descripcion_proceso" id="descripcion_proceso" placeholder="PROCESO">
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                        <div class="col-sm-12">
                          <select class="selectproceso form-control" style="width: 100%" name="macro_proceso" id="macro_proceso">
                            <option value="">SELECCIONAR MACRO PROCESO</option>
                            <?php foreach ($macroProcesos as $key => $value) { ?>
                            	<?php if($value['id'] != 1 && $value['id'] != 5){ ?>
                              		<option value="<?php echo $value['id'] ?>"><?php echo utf8_encode($value['descripcion']) ?></option>
                            	<?php } ?>
                            <?php } ?>
                          </select> 
                        </div>
                    </div>
                  </div>
                  <div class="col-sm-12">
                    <textarea class="form-control" name="objetivo" id="objetivo" placeholder="OBJETIVO"></textarea>
                  </div>
                  <div class="col-sm-6 mt-3">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                        <select class="selectproceso form-control" style="width: 100%"  name="estado_proceso" id="estado_proceso">
                            <option value="">ESTADO</option>
                            <option value="1">ACTIVO</option>
                            <option value="0">INACTIVO</option>
                        </select>
                      </div>
                    </div>
                    <div class="col-sm-6 mt-3">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                        <select class="selectproceso form-control" style="width: 100%" name="responsable_proceso" id="responsable_proceso">
                          <option value="">RESPONSABLE</option>
                          <?php foreach ($usuarios as $key => $value) { ?>
                            <option value="<?php echo $value['id'] ?>"><?php echo utf8_encode($value['nombres']).' '.utf8_encode($value['apellidos']) ?></option>
                          <?php } ?>  
                        </select> 
                      </div>
                    </div>
                    <div class="form-group col-sm-6">
	                    <input type="hidden" class="form-control" name="id_icono_modal" id="id_icono_modal" readonly="" placeholder="Id" style="height: 37px;">
	                    <input type="hidden" class="form-control" name="icono_modal" id="icono_modal" readonly="" placeholder="ICONO" style="height: 37px;">
	                    ICONO: <span id="showiconmodal" style="margin-left: 15px;"></span> 
                    </div>
                    <div class="form-group col-sm-6">
	                    <button class="btn btn-success btn-block" type="button" data-toggle="modal" data-target="#modal_iconos_modal">Seleccionar icono</button>
	                </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_proceso', '<?php echo $_GET['id_usuario'] ?>', 'registrar_proceso', '../controlador/administracion.controlador.php');">Guardar <i class="far fa-save ml-3"></i></button>
            </div>

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

    <!-- Modal nuevo proceso -->
    <div class="modal fade" id="modal_iconos_modal" 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">Iconos</h5>   
          </div>
          <div class="modal-body">
            <table class="table">
            	<thead>
            		<tr>
            			<th>Nombre</th>
            			<th>Icono</th>
            		</tr>
            	</thead>
            	<tbody>
            		<?php foreach ($iconos as $key => $icono) { ?>
	            		<tr onclick="asignaIconoModal('<?php echo $icono['id'] ?>', '<?php echo $icono['icono'] ?>');">
	            			<td><?php echo $icono['icono'] ?></td>
	            			<td><i class="fa fa-<?php echo $icono['icono'] ?>"></i></td>
	            		</tr>
	            	<?php } ?>	
            	</tbody>
            </table>
          </div>
          <div class="modal-footer">
             <button class="btn">Cerrar</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Modal nuevo proceso -->
    <div class="modal fade" id="modal_iconos" 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">Iconos</h5>   
          </div>
          <div class="modal-body">
            <table class="table">
            	<thead>
            		<tr>
            			<th>Nombre</th>
            			<th>Icono</th>
            		</tr>
            	</thead>
            	<tbody>
            		<?php foreach ($iconos as $key => $icono) { ?>
	            		<tr onclick="asignaIcono('<?php echo $icono['id'] ?>', '<?php echo $icono['icono'] ?>');">
	            			<td><?php echo $icono['icono'] ?></td>
	            			<td><i class="fa fa-<?php echo $icono['icono'] ?>"></i></td>
	            		</tr>
	            	<?php } ?>	
            	</tbody>
            </table>
          </div>
          <div class="modal-footer">
             <button class="btn">Cerrar</button>
          </div>
        </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 procesos</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_proceso">  
                <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_proceso">Crear nuevo proceso <i class="fas fa-plus ml-2"></i></button>
                               
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <select class="selectproceso form-control text-uppercase" name="proceso" id="proceso" onchange="cargarDatosProceso(this.value, 'consulta_proceso', '../controlador/administracion.controlador.php');">
                              <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">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <select class="selectproceso form-control" style="width: 100%" name="admin_id_macro_proceso" id="admin_id_macro_proceso">
                              <option value="0">SELECCIONAR MACRO PROCESO</option>
                              <?php foreach ($macroProcesos as $key => $value) { ?>
                            	<?php if($value['id'] != 1 && $value['id'] != 5){ ?>
                              		<option value="<?php echo $value['id'] ?>"><?php echo utf8_encode($value['descripcion']) ?></option>
                            	<?php } ?>
                              <?php } ?>
                            </select>  
                          </div>
                      </div>
                    </div>
                    <div class="form-group col-sm-12">
                      <textarea class="form-control" name="admin_objetivo" id="admin_objetivo" placeholder="OBJETIVO"></textarea>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <select class="selectproceso form-control" name="admin_estado_proceso" id="admin_estado_proceso">
                              <option value="10">ESTADO</option>
                              <option value="1">ACTIVO</option>
                              <option value="0">INACTIVO</option>
                            </select> 
                          </div>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label for="correo" class="col-sm-1 col-form-label"></label> -->
                          <div>
                            <select class="selectproceso form-control" name="admin_id_responsable_proceso" id="admin_id_responsable_proceso">
                              <option value="0">RESPONSABLE</option>
                              <?php foreach ($usuarios as $key => $value) { ?>
                                <option value="<?php echo $value['id'] ?>"><?php echo utf8_encode($value['nombres']).' '.utf8_encode($value['apellidos']) ?></option>
                              <?php } ?> 
                            </select> 
                          </div>
                      </div>
                    </div>
                    <div class="form-group col-sm-6">
	                    <input type="hidden" class="form-control" name="id_icono" id="id_icono" readonly="" placeholder="Id" style="height: 37px;">
	                    <input type="hidden" class="form-control" name="icono" id="icono" readonly="" placeholder="ICONO" style="height: 37px;">
                      ICONO: <span id="showicon" style="margin-left: 15px;"></span>
	                </div>
                    <div class="form-group col-sm-6">
	                    <button class="btn btn-success btn-block" type="button" data-toggle="modal" data-target="#modal_iconos">Seleccionar icono</button>
	                </div>
                  </div>  
                </div>
                <!-- /.card-body -->
                <div class="card-footer text-right">
                  <button class="btn btn-success" type="button" onclick="editaProceso('frm_edicion_proceso', '<?php echo $_GET['id_usuario'] ?>', 'edita_proceso', '../controlador/administracion.controlador.php');">Guardar <i class="far fa-save ml-3"></i></button>
                </div>
              </form>
              <!-- /.card-footer-->
            </div>
            <!-- /.card -->
          </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>