<?php
require_once('Conexion/conexion.php');
require_once'head_listar.php';
//Consulta para el listado de registro de la tabla gf_producto_especificacion.
$queryProdEspe = "SELECT pe.Id_Unico, pe.Valor, fch.descripcion,pe.producto,pr.descripcion
FROM gf_producto_especificacion pe 
LEFT JOIN gf_ficha_inventario fi ON pe.FichaInventario = fi.Id_Unico
LEFT JOIN gf_ficha fch ON fi.ficha = fch.id_unico
LEFT JOIN gf_producto pr ON pe.producto = pr.id_unico
";
$resultado = $mysqli->query($queryProdEspe);
?>
<title>Listar Producto Especificación</title>
</head>
<body>
<div class="container-fluid text-center">
  <div class="row content">    
    <?php require_once ('menu.php'); ?>
    <div class="col-sm-10 text-left">
      <h2 id="forma-titulo3" align="center" style="margin-bottom: 20px; margin-right: 4px; margin-left: 4px;margin-top:-1px">Producto Especificación</h2>
      <div class="table-responsive" style="margin-left: 5px; margin-right: 5px;">
          <div class="table-responsive" style="margin-left: 5px; margin-right: 5px;">
          <table id="tabla" class="table table-striped table-condensed" class="display" cellspacing="0" width="100%">
            <thead>
              <tr>
                <td style="display: none;">Identificador</td>
                <td width="30px" align="center"></td>                
                <td><strong>Valor</strong></td>
                <td><strong>Ficha Inventario</strong></td>              
              </tr>
              <tr>
                <th style="display: none;">Identificador</th>
                <th width="7%"></th>                                
                <th>Valor</th>
                <th>Ficha Inventario</th>                                
              </tr>
            </thead>
            <tbody>              
              <?php
                while($row = mysqli_fetch_row($resultado)){?>
               <tr>
                <td style="display: none;"><?php echo $row[0]?></td>
                <td class="campos">
                	<a href="#" onclick="javascript:eliminarProdEspe(<?php echo $row[0];?>);"><i title="Eliminar" class="glyphicon glyphicon-trash"></i></a>
                	<a href="modificar_GF_PRODUCTO_ESPECIFICACION.php?id_Prod_Espe=<?php echo md5($row[0]);?>"><i title="Modificar" class="glyphicon glyphicon-edit" ></i></a></td>               
                <td class="campos"><?php echo utf8_encode($row[1])?></td>
                <td class="campos"><?php echo utf8_encode($row[2])?></td>                  
              </tr>
              <?php } ?>
            </tbody>
          </table>
          <div align="right"><a href="registrar_GF_PRODUCTO_ESPECIFICACION.php" class="btn btn-primary" style="box-shadow: 0px 2px 5px 1px gray;color: #fff; border-color: #1075C1; margin-top: 20px; margin-bottom: 10px; margin-left:-20px; margin-right:4px">Registrar Nuevo</a></div>       
        </div>              
      </div>      
    </div>
  </div>
</div>
<!-- Divs de clase Modal para las ventanillas de eliminar. -->
<div class="modal fade" id="myModal" role="dialog" align="center" >
    <div class="modal-dialog">
      <div class="modal-content">
        <div id="forma-modal" class="modal-header">
          <h4 class="modal-title" style="font-size: 24; padding: 3px;">Confirmar</h4>
        </div>
        <div class="modal-body" style="margin-top: 8px">
          <p>¿Desea eliminar el registro seleccionado de Producto Especificación?</p>
        </div>
        <div id="forma-modal" class="modal-footer">
          <button type="button" id="ver" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal" >Aceptar</button>
          <button type="button" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Cancelar</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="myModal1" role="dialog" align="center" >
    <div class="modal-dialog">
      <div class="modal-content">
        <div id="forma-modal" class="modal-header">
          <h4 class="modal-title" style="font-size: 24; padding: 3px;">Información</h4>
        </div>
        <div class="modal-body" style="margin-top: 8px">
          <p>Información eliminada correctamente.</p>
        </div>
        <div id="forma-modal" class="modal-footer">
          <button type="button" id="ver1" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal" >Aceptar</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="myModal2" role="dialog" align="center" >
    <div class="modal-dialog">
      <div class="modal-content">
        <div id="forma-modal" class="modal-header">
          <h4 class="modal-title" style="font-size: 24; padding: 3px;">Información</h4>
        </div>
        <div class="modal-body" style="margin-top: 8px">
          <p>No se pudo eliminar la información, el registo seleccionado está siendo utilizado por otra dependencia.</p>
        </div>
        <div id="forma-modal" class="modal-footer">
          <button type="button" id="ver2" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal" >Aceptar</button>
        </div>
      </div>
    </div>
  </div>
    <?php require_once ('footer.php'); ?>
    <script type="text/javascript" src="js/menu.js"></script>
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <script src="js/bootstrap.min.js"></script>
    <!-- Función para la eliminación del registro. -->
    <script type="text/javascript">
      function eliminarProdEspe(id)
      {
         var result = '';
         $("#myModal").modal('show');
         $("#ver").click(function(){
              $("#mymodal").modal('hide');
              $.ajax({
                  type:"GET",
                  url:"json/eliminar_GF_PRODUCTO_ESPECIFICACIONJson.php?id="+id,
                  success: function (data) {
                  result = JSON.parse(data);
                  if(result==true)
                      $("#myModal1").modal('show');
                 else
                      $("#myModal2").modal('show');
                  }
              });
          });
      }
    </script>
    <script type="text/javascript">
      function modal()
      {
         $("#myModal").modal('show');
      }
    </script>  
    <script type="text/javascript">    
      $('#ver1').click(function(){
        document.location = 'GF_PRODUCTO_ESPECIFICACION.php';
      });    
    </script>
    <script type="text/javascript">    
      $('#ver2').click(function(){
        document.location = 'GF_PRODUCTO_ESPECIFICACION.php';
      });   
    </script>
</body>
</html>

