<?php require('casa/setup.casa.php');
include('inc_head.php');
?>
<body>

    <?php include('inc_menu.php');?>

    <div class="container-fluid about py-5">
        <div class="container">           
            <div class="tab-class text-center">
            <div class="tab-content">
                    <div id="tab-1" class="tab-pane fade show p-0 active">
                    <div class="row g-3"><select id="cmbMesas" class="btn btn-primary w-50 py-3">
                                <option value="" selected>Mesas</option>
                                <option value="1">Mesa 1</option>
                                <option value="2">Mesa 2</option>
                                <option value="3">Mesa 3</option>
                                <option value="4">Mesa 4</option>
                                <option value="5">Mesa 5</option>
                                <option value="6">Mesa 6</option>
                                <option value="7">Mesa 7</option>
                                <option value="8">Mesa 8</option>                                
                            </select></div>
                    <div class="row g-3" style="padding:7px 0">
                        <select id="cmbTipo" class="btn btn-primary w-50 py-3">
                                <option value="" selected>Tipo Envio</option>
                                <option value="MESA">MESA</option>
                                <option value="LLEVAR">LLEVAR</option>
                                <option value="DELIVERY">DELIVERY</option>
                            </select></div>
                        <div class="row g-3">
                            
                        <?php 
                        $CodigoComanda = $_SESSION['venta_codigo'];
                        echo '<h1 align=left>Usuario: '.$USUARIO.'<br>
                        Comanda: '.$CodigoComanda.'</h1>';
                                                $Productos = new DB();                                               
                                                $sqlProductos = "SELECT * FROM ventas_ventas ven, ventas_productos prod
                                                    WHERE ven.ven_codigo = '$CodigoComanda'
                                                    AND ven.prod_codigo = prod.prod_codigo;";
                                                $Productos->dbSQL($sqlProductos);     
                                                $i=0;
                                                $html='';                                           
                                                while($Productos->next()){                                                        
                                                    $i++;
                                                        $prod_codigo = $Productos->dbField('prod_codigo');
                                                        $prod_nombre = Caresp($Productos->dbField('prod_nombre'));
                                                        $prod_detalles = Caresp($Productos->dbField('prod_detalles'));
                                                        $prod_preciounitario = $Productos->dbField('prod_preciounitario');
                                                        //ventas
                                                        $venta_id = $Productos->dbField('ven_id');
                                                        $venta_cantidad = $Productos->dbField('venta_cantidad');
                                                        $venta_precio = $Productos->dbField('venta_precio');
                                                        $venta_preciototal = $Productos->dbField('venta_preciototal');
                                                        
                                                        $html.='<div class="col-lg-4">
                                                        <div class="d-flex h-300">
                                                            <div class="flex-shrink-0">
                                                                <img class="img-fluid" src="'.PATH_HOME.'img/sajta.jpg" width="150">
                                                                <h4 class="bg-dark text-primary p-2 m-0">Bs.'.$prod_preciounitario.'</h4>                                                                
                                                            </div>
                                                            <div class="d-flex flex-column justify-content-center text-start bg-secondary border-inner px-4">
                                                                <h4>'.$prod_nombre.'</h4>
                                                                <small>'.$prod_detalles.'</small>
                                                                <table><tr>
                                                                <td width="10%" align=center><h2 onclick=Cantidades("'.$i.'","-","'.$prod_preciounitario.'",$("#Prod'.$i.'").val(),"'.$venta_id.'")> - </h2></td>                                                                
                                                                <td width="30%">
                                                                <input id="Prod'.$i.'" onchange=Calcular("'.$prod_preciounitario.'",$(this).val(),"'.$i.'","'.$venta_id.'") onkeyup=Calcular("'.$prod_preciounitario.'",$(this).val(),"'.$i.'","'.$venta_id.'") type="number" value="'.$venta_cantidad.'" step="1" class="form-control bg-light border-1 btn" style="height:45px;width:100%;"></td>
                                                                <td width="10%" align=center><h2 onclick=Cantidades("'.$i.'","+","'.$prod_preciounitario.'",$("#Prod'.$i.'").val(),"'.$venta_id.'")> + </h2></td>                                                                
                                                                <td width="30%"><span id="Precio'.$i.'" class="form-control border-1 btn" style="height:45px;">Bs.'.$venta_preciototal.'</span></td>
                                                                </tr></table>
                                                                <input onclick=BorrarItem("'.$venta_id.'") value="BORRAR" class="btn btn-primary" type="button">
                                                            </div>
                                                        </div>
                                                    </div>';

                                                    }//$wend Productos
                                                
                                                echo $html;
                                                ?>  
                                    <div id='reservas'></div>                           
                            
                        </div>
                    </div> 
                        <div class="col-lg-12" align=center>
                            <?php 
                            if($i==0){
                                echo "<br><br><h3>NO TIENES RESERVAS EN ESTA COMANDA</h3><br><br><br><br><br><br>";
                            }else{
                                echo '<table width=100%><tr><td align=center>
                                <input id="EnviarComanda" value="ENVIAR COMANDA" type="button" class="btn btn-primary w-50 py-3"></td></tr></table>';
                            }
                            ?>                            
                        </div>                                       
                </div>                              
            </div>
        </div>
    </div>

<?php include('inc_footer.php');?>    
</body>
</html>
<script>
function Calcular(Precio,Cantidad,n,ProdID){
    if(Cantidad<=0){
        $('#Prod'+n).val('1');
        Cantidad = 1;
    }
    $.post('<?php echo PATH_HOME.'reservas-actualizar/'. sha1(uniqid()); ?>',{
        'ProductoID': ProdID,  	 	 	 
        'Precio': Precio,  	 	 	 
        'Cantidad': Cantidad,  	 	 	         
        'MxEncoder': '<?php echo sha1(uniqid()); ?>'
    },function(data){
        $('#reservas').html(data);
    });
  $('#Precio'+n).html('Bs.'+Precio*Cantidad);
}    
function Cantidades(n,tipo,Precio,Cantidad,ProdID){
    let Cant = $('#Prod'+n).val();
    if(tipo=='+')
        Cant++;
    else    
        Cant--;

    $('#Prod'+n).val(Cant);
    Calcular(Precio,Cant,n,ProdID);
}
function BorrarItem(ProdID){
    $.post('<?php echo PATH_HOME.'reservas-borrar/'. sha1(uniqid()); ?>',{
        'ProductoID': ProdID,  	 	 	 
        'MxEncoder': '<?php echo sha1(uniqid()); ?>'
    },function(data){
        $('#reservas').html(data);
    }); 
}
$('#EnviarComanda').click(function(){
    $.post('<?php echo PATH_HOME.'reservas-confirmar/'. sha1(uniqid()); ?>',{
        'venta_codigo': '<?php echo $CodigoComanda;?>',  
        'cmbMesas': $('#cmbMesas').val(),	 
        'cmbTipo': $('#cmbTipo').val(),	          	 
        'MxEncoder': '<?php echo sha1(uniqid()); ?>'
    },function(data){
        $('#reservas').html(data);
    }); 
});
</script>