<?php
	session_start();
    $usuario = $_SESSION['usuario'];
    $idusuario = $_SESSION['idusuario'];	    	
	$fechaactual=date('Y-m-d');
	if(isset($_SESSION['ingreso']) && $_SESSION['ingreso']=='YES')
	{?> 
		<!DOCTYPE html>
		<html lang="en">
		<head>
			<meta charset="utf-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="viewport" content="width=device-width, initial-scale=1">
			<meta name="description" content="">
			<meta name="author" content="">
			<meta name="viewport" content="width=device-width, initial-scale=1">
			<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
			<title> Sistema cotrol de inventario</title>
			<link rel="shortcut icon" href="../../resources/img/crud.ico">
			<link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
			<link href="../../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
			<link href="../../dist/css/sb-admin-2.css" rel="stylesheet">
			<link href="../../vendor/morrisjs/morris.css" rel="stylesheet">
			<link href="../../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
			<style>
				img 
				{
					content: ' ';
					display: block;
					position: absolute;
					left: 10;
					top: 0;
					width: 150%;
					height: 1000%;
					z-index: 0;
					opacity: 1;
					background-image: url('../../resources/img/web_construccion2.png');
					background-repeat: no-repeat;
					background-position: 50% 0;
					background-size: cover;
				}
			</style>				
			<body>
				<div id="wrapper">
					<!-- Navigation -->
					<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>				
							<a class="navbar-brand" href="index.php" >Bodega Manolito</a>       
						</div>
						<!-- /.navbar-header -->
						<ul class="nav navbar-top-links navbar-right">                    
						   
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="fa fa-user fa-fw"></i> En linea <?php echo $usuario; ?> <i class="fa fa-caret-down"></i>
								</a>
								<ul class="dropdown-menu dropdown-user">
									<li><a href="#"><i class="fa fa-gear fa-fw"></i> Configuraciones</a>
									</li>
									<li class="divider"></li>
									<li><a href="javascript: void(0)" onclick="cerrar();"><i class="fa fa-sign-out fa-fw"></i> Cerrar sesión</a>                        
									</li>
								</ul>
								<!-- /.dropdown-user -->
							</li>
							<!-- /.dropdown -->
						</ul>
						<!-- /.navbar-top-links -->
						<?php include 'menu.php'; ?>
						<!-- /.navbar-static-side -->
					</nav>
					<div id="page-wrapper">
						<div class="row">
							<div class="col-lg-12 col-md-12">
								<h4> Usuario: <?php echo $usuario?></h4><hr>
							</div>
							<!-- /.col-lg-12 -->
						</div>
						<!-- /.row -->
						<div class="row ">
							<!-- inicio body-->							
							<div class="col-lg-12 col-md-12">
								<div class="panel panel-WHITE">
									<div class="panel-heading">
										<div class="row">											
											<div class="row ">
						
												<div class="col-md-12 col-md-offset-0"> 
													<button type="button" class="btn btn-success" data-toggle="modal" data-target="#agregar_empresa">Agregar Producto</button>
												</div>
												<br></br>											
											</div>
											<div  class="col-md-12 col-md-offset-0">    
												<table id="producto" class="table table-hover" cellspacing="0" width="100%">
													<thead>
														<tr class="info">
															<th>CATEGORIA</th>
															<th>CODIGO</th>										
															<th>PRODUCTO</th>
															<th>FECHA ELABORACIÓN</th>
															<th>FECHA VECIMIENTO</th>
															<th>STOCK</th>
															<th>PRECIO 1</th>
															<th>PRECIO 2</th>
															<th>PRECIO 3</th>
															<th>ACCIÓN</th>									
														</tr>
													</thead>
													<tbody>
															<!--en esta area se carga en una matriz la tabla solicitud-->
													</tbody>
												</table>        
											</div>						
										</div>
									</div>
								</div>
							</div> 				
						</div>
					</div>
				</div>
			</body>						
		</html>
	<?php		
	}
	else
	{?>
		<!DOCTYPE html> 
		<html>
			<head>
				<meta http-equiv="refresh" content="0;url=../../views/index.php">
				<title>SGO</title>
				<script language="javascript">
					window.location.href = "../../views/index.php"
				</script>
			</head>
			<body>
				Go to <a href="../../views/index.php">../../views/index.php</a>
			</body>
		</html>
	<?php
	}
?>
<script src="../../resources/js/jquery-1.10.2.js"></script>
<script src="../../vendor/jquery/jquery.min.js"></script>
<script src="../../resources/js/bootstrap.js"></script>
<script src="../../vendor/metisMenu/metisMenu.min.js"></script>
<script src="../../vendor/raphael/raphael.min.js"></script>  
<script src="../../dist/js/sb-admin-2.js"></script>
<script src="../../resources/media/js/jquery.dataTables.min.js"></script>
<script src="../../resources/media/js/dataTables.bootstrap.min.js"></script>
<script src="../../resources/js/menu_producto.js"></script>	
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<!-- area de los script-->
<script>
    //funcion cerrar seciones
    function cerrar()
    {
        $.ajax({
            url:'../../controllers/usuario.php',
            type:'POST',
            data:"boton=cerrar"
        }).done(function(resp){
            location.href ='index.php'
        });

    }

    //funcion guardar
	function guardar()
    {
       var categoria = $('#categoria').val();       
       var codigo = $('#codigo').val();
       var nombre = $('#nombre').val();
       var stock_m = $('#stock_m').val();
       
	   if(categoria !="" && codigo !="" && nombre !="" && stock_m !="")
		{
			$.ajax
			({
				url:'../../views/pages/agregar_producto.php',
				type:'POST',
				data:'categoria='+categoria+'&codigo='+codigo+'&nombre='+nombre+'&stock_m='+stock_m				 
			}).done(function(respuesta)
			{
				//alert(respuesta);
				if(respuesta=="")
				{
					//$('#empresa').DataTable().ajax.reload();
					Swal.fire('Éxito', 'Producto agregado correctamente.', 'success')
                        .then(() => location.reload());

				}
				else
				{
					Swal.fire('Error', 'No se pudo agregar el producto.', 'error');
				}
			});
		}
		else
		{
			//alert("Hay campo sin llenar");
			Swal.fire('Error', 'Hay campo sin llenar.', 'error');
		}
    }

    $(document).ready(function() 
	{							   
		$("#diagnostico_m").on('show.bs.modal', function (e) 
		{
			var idsolicitud_comp1 = $(e.relatedTarget).attr('data-idproduc');			
			$("#idproduc").val(idsolicitud_comp1);			
		});
		
	});	

	//funcion confirmar
	function confirmar()
    {
       var idproduc = $('#idproduc').val();       
       //alert(idproduc);
	   if(idproduc !="")
		{
			$.ajax
			({
				url:'../../views/pages/delete_Producto.php',
				type:'POST',
				data:'idproduc='+idproduc				 
			}).done(function(respuesta)
			{
				//alert(respuesta);
				if(respuesta=="")
				{
					//$('#empresa').DataTable().ajax.reload();
					Swal.fire('Éxito', 'Producto eliminado correctamente.', 'success')
                        .then(() => location.reload());

				}
				else
				{
					Swal.fire('Error', 'No se pudo eliminar la empresa.', 'error');
				}
			});
		}
		else
		{
			//alert("Hay campo sin llenar");
			Swal.fire('Error', 'Hay campo sin llenar.', 'error');
		}
    }
    //Funcion categoria
	$(document).ready(function() {
		$.ajax({
			type: "POST",
			url: "datos.php?Accion=GetCategoria",
			
			success: function(response)
			{
				$('#categoria').html(response).fadeIn();
			}
		}); 
	});
</script>
<!-- Modal -->
<div class="modal fade" id="agregar_empresa" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h4 class="modal-title">Agregar Producto</h4>
			</div>

			<div class="modal-body col-lg-12 col-md-12">
				<div class="form-group col-lg-6 col-md-6" id="prov">
					<label>CATEGORIA:*</label>
					<select class="form-control" id="categoria" name="categoria">
					</select>
				</div>
				<div class="form-group col-lg-6 col-md-6">
					<label>CODIGO:*</label>
					<input class="form-control" onchange=""  id="codigo" placeholder="Ingrese el codigo" required></input>
				</div>
				<div class="form-group col-lg-9 col-md-9">
					<label>PRODUCTO:*</label>
					<input class="form-control" onchange=""  id="nombre" placeholder="Ingrese el nombre del producto" required></input>
				</div>
				<div class="form-group col-lg-3 col-md-3">
					<label>Stock minimo:*</label>
					<input class="form-control" onchange=""  id="stock_m" placeholder="Ingrese el stock minimo del producto" required></input>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
				<button onclick="guardar()" type="button" class="btn btn-primary" >Guardar</button>
			</div>
		</div>
    </div>
</div>

<!-- Modal de Confirmación -->
<div class="modal fade" id="diagnostico_m" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                Esta acción no se puede deshacer. ¿Estás seguro de que deseas continuar?
            </div>
            <div class="form-group col-lg-12 col-md-12" style="display:none;" >								
				<input type="text" class="form-control" id="idproduc" name="idproduc">
			</div>
            <div class="modal-footer">
                <!-- Botón de cancelar -->
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                <!-- Botón de confirmar acción -->
                <button onclick="confirmar()" type="button" class="btn btn-danger" >Confirmar</button>
            </div>
        </div>
    </div>
</div>

