<div id="page-content-wrapper">
<!-- Keep all page content within the page-content inset div! -->
<div class="page-content inset">
<head>
  <!-- Manda a traer el javascript para validar el formulario -->
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/site.js"></script>
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/editarPago.js"></script>
   <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
   <link rel="stylesheet" href="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.css'?>">
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">
	<link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/styleTable.css' /> 
   <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
   <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
    <!-- Latest compiled and minified JavaScript -->
    <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
</head>
<style>

</style>
  <center><h1>Pago de Producto</h1></center>


  <form name="Pagos" id="Pagos" action="<?php echo base_url();?>pagos/cosmetologo/pagosC/editarenlace/<?=$IdVentasProductos?>/<?=$ventas_IdVentas?>" method="POST">
  <input type="text" id="fecha2" name="fecha2" class="invisible">
  <div class="parent-container no-margin-left col-md-10 div-centrado">
  <div class="no-margin-left col-md-4" >
      <ul class="list-group mb-3 heig" id="DatosGenerales">
          <li class="data-container list-group-item d-flex justify-content-between lh-condensed">
            <div>
              <h5 class="headers">Nombre Cliente</h5>
              <span class="text-muted"><?=$ClienteVenta?></span>
            </div>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between lh-condensed">
            <div>
              <h5 class="headers">Nombre Producto</h5>
              <span class="text-muted"><?=$NombreProducto?></span>
            </div>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between lh-condensed">
            <div>
              <h5 class="headers">Piezas Producto</h5>
              <span class="text-muted"><?=$PiezasP?></span>
            </div>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between lh-condensed">
            <div>
              <h5 class="headers">Folio de Venta</h5>
              <span class="text-muted"><?=$folioVenta?></span>
            </div>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between">
            <span class="quantities">Subtotal:</span>
            <strong class="quantities">$ <?=$SubTotalP?></strong>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between">
            <span class="quantities" >Descuento:</span>
            <strong class="quantities">$ <?=$Descuento?></strong>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between">
            <span class="quantities" >Abono:</span>
            <strong id="Abono" name="Abono"class="quantities">$ <?=$Abono?></strong>
          </li>
          <li class="data-container list-group-item d-flex justify-content-between">
            <span class="quantities">Adeudo:</span>
            <strong class="debit" id="Adeudo"  name="Adeudo">$ <?=$Adeudo?></strong>
          </li>
          <li class="data-container list-group-item detalle invisible">
            <span class="fechaPago">FECHA PAGO 1:</span>
            <strong class="fechaPago"><?=$Fecha1?></strong>
          </li>
          <li class="data-container list-group-item detalle invisible">
            <div>
              <h5 class="headers">Comentario de descuento</h5>
              <span class="text-muted"><?=$ComentarioDes?></span>
            </div>
          </li>
          <li class="data-container list-group-item detalle invisible">
            <div>
              <h5 class="headers">Vendedor</h5>
              <span class="text-muted"><?=$Usuario1?></span>
            </div>
          </li>
          <li id="botonDetalle" class="detail-button list-group-item d-flex justify-content-between">
           <center><span id="nombreBoton" class="glyphicon glyphicon-eye-open"> Detalle</span></center>       
          </li>
        </ul>
    </div>
    <div class="col-md-8" id="pagar">
      <div class="col-md-8 div-centrado">
        <label for="name1" id="mensaje"></label>
      </div>
      <center id="tituloPagar"><h3>Pagar</h3></center>
        <div class="child-container">
          <label >Efectivo</label>
          <input type="text" class="form-control" id="Contado2"  name="Contado2"  value="" placeholder="Efectivo"  min="0" onkeypress="return validaPunto(event)">
        </div>
        <div class="child-container">
          <label >Recibí</label>
          <input type="number" class="form-control" id="Recibi"  name="Recibi"  value="" placeholder="Recibí" min="0" onkeypress="return validaPunto(event)">
        </div>
        <div class="child-container">
          <label >Cambio</label>
          <input type="number" class="form-control" id="Cambio"  name="Cambio"  value="" readonly placeholder="Cambio" min="0" onkeypress="return validaPunto(event)">
        </div>
        <div class="child-container">
          <label >Tipo Tarjeta</label>
          <select type="text" class="form-control" id="TipoTarjeta2"  name="TipoTarjeta2"  value="" onChange="validar2(this.form);">
          <option value="">---Selecciona---</option>
          <option value="TARJETA DE CREDITO" >TARJETA DE CRÉDITO</option> 
          <option value="TARJETA DE DEBITO" >TARJETA DE DÉBITO</option> 
          </select>
        </div>
        <div class="child-container">
          <label >Cantidad </label>
          <input type="text" class="form-control" id="CTarjeta2" name="CTarjeta2" placeholder="Cantidad Abonada" disabled="" onInput="CalculaPago2();" min="0" onkeypress="return validaPunto(event)">
        </div>
        <div class="child-container">
          <label >Folio Terminal Bancaria</label>
          <input type="text" class="form-control" id="FolioTarjeta2" name="FolioTarjeta2" placeholder="Folio Terminal Bancaria" disabled="" onkeypress="return valida(event)">
        </div>
        <div class="child-container">
          <label for="name1">Vendedor</label>
          <select name="Usuario2" id="Usuario2" class="form-control"  required="" title="Este campo es requerido"> 
          <option value="">--- Seleccione un Usuario  ---</option>  
          <?php foreach ($ReUsuario as $i => $usuario)   
          echo '<option value="',$i,'">',$usuario,'</option>'; ?> </select>
        </div>
    </div>
        <input type="text" class="oculto form-control" id="AdeudoV"  name="AdeudoV" value="<?=$AdeudoVenta?>">
        <div class="form-group col-md-10 div-centrado"> 
          <button type="submit" id="guarda" class="btn btn-primary col-md-4 col-sm-5 pull-right"> <span class="glyphicon glyphicon-floppy-disk"> </span> Guardar</button>
          <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger col-md-4 col-sm-5 pull-left"> <span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>  
        </div>
        <input type="text" class="oculto col-md-12" id="AbonoV"  name="AbonoV" value="<?=$AbonoVenta?>">
        <input type="text" class="invisible" id="AdeudoVenta"  name="AdeudoVenta">
        <input type="text" class="invisible" id="AbonoVenta"  name="AbonoVenta"> 
        <input type="text" class="invisible" id="folio2"  name="folio2" value="<?=$folio2?>">
        <input type="text" class="invisible" id="AbonoFinal"  name="AbonoFinal">
        <input type="text" class="invisible" id="AdeudoFinal"  name="AdeudoFinal"> 
        <input type="text" class="invisible" id="PiezasTotales"  name="PiezasTotales" value='<?=$PiezasTotales-$PiezasP?>'> 
        <input type="text" class="invisible" id="IdProductosFranquicias" name="IdProductosFranquicias" value='<?=$productosfranquicias_IdProductosFranquicias?>'>

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

<script type="text/javascript">
  var existencia='<?=$PiezasTotales?>';
  var piezas='<?=$PiezasP?>';
  var adeudoGeneral='<?=$Adeudo?>';
  var abonoGeneral='<?=$Abono?>';
  var base_url='<?php echo base_url()?>';
  mueveReloj();
  reajustar();
  if( Number(existencia) >= Number(piezas))
  {
    $("#mensaje").addClass('invisible');
  }else{
    console.log('no hay existencias');
    document.getElementById('mensaje').innerHTML=' El producto no tiene existencias suficientes para ser liquidado.';
    $(".child-container").addClass('invisible');
    $("#tituloPagar").addClass('invisible');
    $("#guarda").addClass('invisible');
  }
  if(document.getElementById('Usuario2').value!="")
  {
      location.href=base_url+"pagos/cosmetologo/pagosC/VentaProductos";
  }
  </script>