<?php 
		session_start();
		
		if ($_SESSION['estado'] != "ON")
		{
		?>
		<script>
			parent.location.href = '../../../index.php';
		</script>
		<?php 
		
		}

?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
 
    <title>ADMINISTRADOR DE PROCESOS</title>
    <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <script type="text/javascript" language="javascript" src="js/jquery-1.11.3.js"></script>
   <script type="text/javascript" language="javascript" src="js/jquery-ui.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script> 
	<?php require_once("datos.php"); ?>	
	 <style>
 div.container {
        width: 35%;
		margin: 0 auto;
		display: block;
    }
	div#sucursales {
		float:right;
		 width: 40%;
	}
	.dataTables_scrollHeadInner{
		width:100%;
		
	}
.no-footer.dataTables_wrapper DIV.dataTables_scrollHead TABLE  {
	 
	 width:100%;
	 
 }
 div#mensajeFinal {
	font-size: large;
    font-weight: bold;
    font-family: sans-serif;
    border-color: #E00B0B;
    border-width: 3px;
    width: 100%;
    height: 53px;
    border-style: solid;
    text-align: center;
}
div#titulo {
    text-align: center;
    font-size: xx-large;
}
.ticket {
	font-size: 22px;
	font-family: Webdings;
	color: #FF0000;
	}
.titulos {
	font-family: Arial;
	color: #000;
	font-size: 14px;
	}
	

 </style>
    <script type="text/javascript" language="javascript" class="init">
	
	
	
$(window).load(function(){   

    fnRet();
	$("#mensajeFinal").fadeOut(5000);
	$('th:eq(5)').addClass("titulos");
	$('th:eq(4)').addClass("titulos");
});


function fnRet() {
    var datos, columnas, results;
	columnas = [
                { data: 'num', title : 'NRO' },
                { data: 'codigo',  title : 'COD' },
                { data: 'mes',  title : 'MES' },
                { data: 'ano',  title : 'AÑO' },
                { data: 'ver',  title : 'VER' },
				{ data: 'act',  title : 'ACTUAL' }
				];
  	datos = [<?php datosPROCESO(); ?>];
	

    var rows = 1;
    var table;
    

	
if ( $.fn.DataTable.isDataTable( '#spr' ) ) {
    $('#spr').DataTable().destroy();
    $('#spr').empty();
	
 };
    
    table = $('#spr').DataTable({
	  "columns": [
		{  sWidth: '10%' },
		{  sWidth: '10%' },
		{  sWidth: '30%' },
		{  sWidth: '15%' },
		{  sWidth: '15%', sClass: 'ticket' },
		{  sWidth: '20%', sClass: 'ticket' }
	  ],
	  "aoColumnDefs": [
		{ "sClass": "ticket", "aTargets": [ 5 ] },
		{ "sClass": "ticket", "aTargets": [ 4 ] }
		],
      "destroy": true,
      "sort" : true,
      "cache": true,
      "searching": true,
      "scrollX": true,
      "dom": 'T<"clear">lfrtip',
      "lengthMenu": [ [5, 10, 25,-1], [5, 10, 25,"Todos"] ],
      "displayLength": 10,
      "order": [ 0, 'asc' ],
      "data": datos,
      "columns": columnas,
	   language: {
        processing:     "Procesando...",
        search:         "Buscar:",
        lengthMenu:    	"Mostrar _MENU_ registros por página",
        info:           "Mostrando la página _PAGE_ de _PAGES_",
        infoEmpty:      "No hay registros disponibles",
        infoFiltered:   "(filtrando _MAX_ registros)",
        infoPostFix:    "",
        loadingRecords: "Cargando registros...",
        zeroRecords:    "No se encontró nada.",
        emptyTable:     "No hay registros",
        paginate: {
            first:      "Primero",
            previous:   "Anterior",
            next:       "Siguiente",
            last:       "Último"
        },
        aria: {
            sortAscending:  ": activa para ordernar de forma ascendente la columna",
            sortDescending: ": activa para ordernar de forma descendente la columna"
        }
	  }
	 

    });
   
	$('#spr tbody').on( 'click', 'tr', function () {
	    
        if ( $(this).hasClass('selected') ) {
                  $(this).removeClass('selected');
        } else {
                    table.$('tr.selected').removeClass('selected');
                    $(this).addClass('selected');
					var codigoProceso = table.cell('.selected', 1).data(); // OBTENEMOS EL DATO DE LA TABLA (CODIGO DE VENDEDOR)
					var nombreProceso = table.cell('.selected', 2).data(); // OBTENEMOS EL DATO DE LA TABLA (RUT DE VENDEDOR)
					$("#codigoProceso").val(codigoProceso);
					$("#nombreProceso").val(nombreProceso);
					
				
					
					//alert('ID: '+idFunc+' RUT:'+rutFunc);
        }    
		
    });
   


 ///   $('.dataTables_filter').remove();
 };

    </script>
</head>

<body>

<div id="titulo">ADMINISTRADOR DE PROCESOS</div>
<!-- <button onclick="fnRet()">Retrieve</button> -->
<div class="container" id = "table-div">

<br>

    <table id="spr" class="display" width = "100%" cellspacing="0">
	<thead class="encabezado"></thead>
	<tbody></tbody>
    </table>


	
   <?php
		require_once("../../conexion/sb_conexion.php");

		$id_autoriza = 68;
		$id_empresa = $_SESSION['ss_empresa'];
		$id_user = $_SESSION['ss_user'];
		
		
		
		$bd=Db::getInstance();
		
			
		$Q1="SELECT * FROM menu_autoriza WHERE id_menu_nombres =".$id_autoriza." AND id_usuario=".$id_user." AND id_empresa=".$id_empresa."";
		
		$stmtQ1=$bd->ejecutar($Q1);		
		$filas = 0;
			
			
			
				while ($fila = $bd->obtener_fila($stmtQ1,0)){
					$filas++;
					$crear = $fila['crear'];   
					//$crear = "0"; // BOTON "NUEVO" DESACTIVADO HASTA NUEVO AVISO
					$editar = $fila['editar'];
					$grabar = $fila['grabar'];
					//$eliminar = $fila['eliminar'];
					$eliminar = "0"; // BOTON "ELIMINAR" DESACTIVADO HASTA NUEVO AVISO
				}	 
	
	?>
  
	<table>
		<tr>
		 <td><input type="button" class="btn btn-info" 		id="nuevo" 		 	value="NUEVO" /></td>
		 <td><input type="button" class="btn btn-success" 	id="editar" 		value="EDITAR" /></td>
		<!--  <td><input type="button" class="btn btn-danger" 	id="eliminar" 		value="ELIMINAR"  /></td> -->
		 <td><input type="button" class="btn btn-primary" 	id="salir" 		value="SALIR" onClick="window.close();" /></td>
		</tr>
	</table> 
	<?
	if($_SESSION["EstadoGuardado"]=="1"){
	 ?>
	<div id="mensajeFinal">
	<? echo $_SESSION["mensajeFinal"]; ?>
	<!-- <script>alert('<? //echo $_SESSION["mensajeFinal"]; ?>');</script> -->
	</div>
	<?  $_SESSION["EstadoGuardado"]="0"; ?>
<? 	} 	?>
</div>

<!-- INICIO VENTANA DETALLE PROCESOS PARA EDICION -->

<div id="datallesProceso" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="width:500px; margin:0 auto;">
        <div class="modal-content" style=" margin-left: -163px; margin:0 auto;">
			<form action="editarProceso.php" method="post">
               <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h3>PROCESOS SELECCIONADA</h3>
            </div>
		
            <div class="modal-body" id="tablaProceso">
			<div class="row">
				<div class="col-xs-6 col-md-4">CODIGO</div>
				<div class="col-xs-6 col-md-4">NOMBRE</div>
			<!-- 	<div class="col-xs-6 col-md-4">ACTIVO</div> -->
			</div>
			<div class="row">
				<div class="col-xs-6 col-md-4"><input type="text" class="form-control" readonly="readonly" /></div>
				<div class="col-xs-6 col-md-4"><input type="text" class="form-control" /></div>
			<!-- 	<div class="col-xs-6 col-md-4"><input type="checkbox" id="check" class="form-control" /></div> -->
			</div>
			
            </div>
			<script>

			</script>
            <div class="modal-footer"> 
                <a href="#" class="btn btn-danger" data-dismiss="modal">Cerrar</a>
				<button type="submit" class="btn btn-primary" id="guardarFunc" value="">Guardar Cambios</button>
			</div>
			</form>
        </div>
    </div>
</div>


<!-- FIN DE VENTANA EMERGENTE O MODAL PARA EDICION -->

<input type="hidden" id="codigoProceso" />
<input type="hidden" id="nombreProceso" />

<!-- INICIO VENTANA DETALLE PROCESOS PARA ELIMINAR -->
<div id="mensajeAlerta" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="width:500px; margin:0 auto;">
        <div class="modal-content" style=" margin-left: -163px; margin:0 auto;">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">×</button>
					<h3>PROCESOS</h3>
				</div>
				<div class="modal-body" id="accionEliminar">
				Se procederá a eliminar la categoría. ¿Estas seguro de querer hacerlo?
				</div>
				<div class="modal-footer"> 
				 <a href="#" class="btn btn-danger" data-dismiss="modal">Cerrar</a>
			
					<button type="button" class="btn btn-primary" id="eliminarProceso" value="">Eliminar Categoría</button>
				
             
				</div>
	
		</div>
	</div>
</div>
<!-- FIN DE VENTANA EMERGENTE O MODAL PARA ELIMINAR -->

<!-- INICIO VENTANA DETALLE PROCESOS PARA INSERTAR -->
<div id="nuevoProceso" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="width:500px; margin:0 auto;">
        <div class="modal-content" style=" margin-left: -163px; margin:0 auto;">
			<form action="crearProceso.php" method="post"> 
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">×</button>
					<h3>NUEVO PROCESO</h3>
				</div>
				<div class="modal-body" id="accionNuevo">
<table  border="0" cellpadding="0" cellspacing="3" style="font-size:18px" align="center" >
			
			
			
			  <tbody><tr style="color:#21426B;">
						<th style="background-color:threedface; color:#21426B;" scope="row" align="right">
							&nbsp;Codigo:
						</th>
						<td align="left">&nbsp;
							
							<input name="id" type="hidden" value="">
							<input name="campo['Codigo_Empresa_Proceso']" type="hidden" value="<? echo $_SESSION["ss_empresa"]; ?>">
							<input name="campo['Activo_Proceso']" type="hidden" value="1">
						</td>
					  </tr>
					  <tr style="color:#21426B;">
						<th style="background-color:threedface" scope="row" align="right">
							&nbsp;Mes:
						</th>
						<td>&nbsp;
							
						<select name="campo['Mes_Proceso']" >
							<?
							
									
							$mes_ano[1]="Enero"; $mes_ano[7]="Julio";
							$mes_ano[2]="Febrero"; $mes_ano[8]="Agosto";
							$mes_ano[3]="Marzo"; $mes_ano[9]="Septiembre";
							$mes_ano[4]="Abril"; $mes_ano[10]="Octubre";
							$mes_ano[5]="Mayo"; $mes_ano[11]="Noviembre";
							$mes_ano[6]="Junio"; $mes_ano[12]="Diciembre";

							
							for($i=1;$i<13;$i++){
								?><option value="<?=$i?>"><?=$mes_ano[$i]?></option><?
							}
							?>
						</select>
									</td>
						<th style="background-color:threedface" scope="row" align="right">
							&nbsp;Año:
						</th>
						<td>&nbsp;
							 <select name="campo['Ano_Proceso']" >
								<?
								$anoActual = (int)date("Y");
								$aAnterior = $anoActual - 4;
								$aPosterior = $anoActual + 4;
								for($i=$aAnterior;$i<=$aPosterior;$i++){
									?><option <?php  if($i == $anoActual){ ?> selected="selected" <? } ?>  value="<?=$i?>"><?=$i?></option><?
								}
								?>
							</select>
						</td>
					  </tr>
					  <tr style="color:#21426B;">
						<th style="background-color:threedface" scope="row" align="right">&nbsp;Ver:</th>
						<td align="left">
							&nbsp;
						   <select name="campo['Abierto_Proceso']">
								<option value="0">No</option>
								<option value="1">Si</option>
						   </select>
						
						 </td>   
					  </tr>
					  <tr style="color:#21426B;">
					   <th style="background-color:threedface" scope="row" align="right">&nbsp;Actual:</th>
						<td align="left">
							&nbsp;
							 <select name="campo['Actual_Proceso']">
								<option value="0">No</option>
								<option value="1">Si</option>
						   </select>
						</td>  </tr>


					  <tr style="color:#21426B;">
					   <th style="background-color:threedface" scope="row" align="right">&nbsp;UF:</th>
						<td align="left">
							&nbsp;
							<input style="text-align:right" name="campo['Uf']" type="text" size="10" value="" /> 
						</td>
					  </tr>
					<tr style="color:#21426B;">
					   <th style="background-color:threedface" scope="row" align="right">&nbsp;UTM:</th>
						<td align="left">
							&nbsp;
							<input style="text-align:right" name="campo['Utm']" type="text" size="10" value="" /> 
					  </tr>
			
			
			 
			 </table>
				</div>
				<div class="modal-footer"> 
				 <a href="#" class="btn btn-danger" data-dismiss="modal">Cerrar</a>
			
					<button type="submit" class="btn btn-primary" id="crearProceso" value="">Crear Proceso</button>
				
             
				</div>
			</form> 
		</div>
	</div>
</div>
<!-- FIN DE VENTANA EMERGENTE O MODAL PARA INSERTAR -->

<script src="js/detalleProceso.js"></script>
	<script>

$('#accionNuevo').load("detProcesoNuevo.php"); 
		
		$( "#editar" ).click(function() {
			var codigoProceso = $("#codigoProceso").val();
		
	
			if(codigoProceso!=""){
				$('#datallesProceso').modal({
					show: true
				});
				detalleProceso(codigoProceso);
			}
		});
		
		$( "#eliminar" ).click(function() {
			
			var codigoProceso = $("#codigoProceso").val();
				if(codigoProceso!=""){
					$('#mensajeAlerta').modal({
						show: true
					});
				}
		
		});
	$('#mensajeAlerta').on('hidden.bs.modal', function () {
		$("#codigoProceso").val("");
		$("#spr tbody tr.selected").removeClass('selected');
	});
	$('#datallesProceso').on('hidden.bs.modal', function () {
		$("#codigoProceso").val("");
		$("#nombreProceso").val("");
		 $("#spr tbody tr.selected").removeClass('selected');
	});	
		$( "#nuevo" ).click(function() {
			
			$("#spr tbody tr.selected").removeClass('selected');
			$("#codigoProceso").val("");
			$("#nombreProceso").val("");
			
					$('#nuevoProceso').modal({
						show: true
					});
				
		
		});
	

	
	</script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    
</body>
</html>