<?php
session_start();
include("../DMMYSQLG.php");
include("../JQUERY.inc");
include("DSA1000.php");

$dfg = isset($_POST['agrupador']) ? $_POST['agrupador'] : "0";
?>

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
    <head>
        <meta charset="UTF-8">
            <title>PEDIDOS</title>
            <link rel="stylesheet" href="../almacen/css/estilo1.css" type="text/css"/>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

            <script src="../js/jquery-ui.js"></script>
            <script src="../js/jquery-u2.js"></script> 
            <script type="text/javascript" language="JavaScript1.2" src="../js/searchtable.js"></script>
            <link rel="stylesheet" href="../css/jquery.css">
                <!-- JavaScript -->
                <script src="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>

                <!-- CSS -->
                <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css"/>
                <!-- Default theme -->
                <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css"/>
                <!-- Semantic UI theme -->
                <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css"/>
                <!-- Bootstrap theme -->
                <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css"/>    
                <style >
                    label.modal, input.modal {
                        display:block; 
                    }
                    h1 { 
                        font-size: 1.2em; margin: .6em 0; 
                    }
                    input.text , select.text { 
                        margin-bottom:12px; width:95%; padding: .4em;
                    }
                    fieldset {
                        padding:0; border:0; margin-top:25px; 
                    }
                    div#users-contain { 
                        width: 350px; margin: 20px 0; 
                    }
                    div#users-contain table { 
                        margin: 1em 0; border-collapse: collapse; width: 100%; 
                    }
                    div#users-contain table td, div#users-contain table th { 
                        border: 1px solid #eee; padding: .6em 10px; text-align: left;
                    }
                    .ui-dialog .ui-state-error { 
                        padding: .3em; 
                    }
                    .validateTips { 
                        border: 1px solid transparent; padding: 0.3em; 
                    }
                </style>

                <script>
                    $(function () {
                        var idPedido;

                        theTable = $("#latabla");
                        $("#q").keyup(function () {
                            $.uiTableFilter(theTable, this.value);
                        });

                       

                        $("#buscarP").on('click', function () {
                            //alert("si");
                            var fechaIni = $("#fechaIni").val();
                            var fechaFin = $("#fechaFin").val();
                            var statusP = $("select[name=statusPedido]").val();
                            //alert(fechaIni + fechaFin);


                            if (fechaIni != "") {
                                if (fechaFin != "") {
                                    // alert("correcto"+statusP);
                                    var parametros = {fechaIni: fechaIni, fechaFin: fechaFin, status: statusP}
                                    $.ajax({
                                        url: "pedidoStatus.php",
                                        type: "POST",
                                        data: parametros
                                    }).done(function (data) {
                                        $("tbody#TablaP").empty();
                                        $("tbody#TablaP").append(data);

                                        e.preventDefault();
                                    })

                                } else {
                                    alertify.error("Ingrese una fecha Final.")
                                    e.preventDefault();
                                }
                            } else {
                                alertify.error("Ingrese una fecha Inicial.")
                                e.preventDefault();
                            }



                        });

                        $('.tablaB').on('click', '.pedido', function () {
                            idPedido = $(this).val();
                            //alert(idPedido);
                            var parametros = {id: idPedido}

                            $.ajax({
                                url: "pedidos.php",
                                type: "POST",
                                data: parametros
                            }).done(function (data) {
                                $("tbody#datosTabla").empty();
                                $("tbody#datosTabla").append(data);
                                //document.getElementById("cantidadSurtida").focus();

                                //$("fieldset").append('<input type="number" name="devolver" id="devolver"  min="1" value="1" class="modal text ui-widget-content ui-corner-all" >');
                                $("#dialog-form").dialog("open");
                                e.preventDefault();
                            })

                        });

                        $("#dialog-form").dialog({
                            autoOpen: false,
                            height: 400,
                            width: 1100,
                            modal: true,
                            buttons: {
                                "SURTIR": add,
                                CANCELAR: function () {
                                    $("#dialog-form").dialog("close");
                                    // window.location.reload();
                                }
                            }
                        });

                        function add() {
                            $(".tablaC input").each(function () {
                                var id = $(this).attr('name');
                                var valor = $(this).val();
                                //alert("ID pedido: "+idPedido+" ID producto: "+id+" Cantidad: "+valor);
                                if (valor != "" && valor > 0) {

                                    var parametros = {id: id, cantidad: valor, idPedido: idPedido}

                                    $.ajax({
                                        url: "cantidad.php",
                                        type: "POST",
                                        dataType: "json",
                                        data: parametros
                                    }).done(function (data) {


                                        if (data.mensaje == 'err') {
                                            alert("No puede ingresar mas de lo solicitado : " + data.producto);
                                        } else if (data.mensaje == 'err2') {
                                            alert("Articulo: " + data.producto + " no tiene existencias suficientes");
                                        } else {

                                        }
                                    })

                                }

                            });



                            var parametros = {idPedido: idPedido}

                            $.ajax({
                                url: "status.php",
                                type: "POST",
                                dataType: "json",
                                data: parametros
                            }).done(function (data) {
                                //alert(data.mensaje);
                                $("#dialog-form").dialog("close");
                                window.location.reload();
                                //alertify.success('Pedido Surtido');

                            })

                        }

                        $(".date").datepicker({dateFormat: 'dd/mm/yy'});

                        $(".datefrom").datepicker({
                            dateFormat: 'dd/mm/yy',
                            onClose: function (selectedDate) {

                                $(".dateto").datepicker("option", "minDate", selectedDate);
                            }
                        });
                        $(".dateto").datepicker({
                            dateFormat: 'dd/mm/yy',
                            onClose: function (selectedDate) {
                                $(".datefrom").datepicker("option", "maxDate", selectedDate);
                            }
                        });


                    });
                </script>
                </head>
                <body onLoad = "self.focus();
                        document.form1.tbus.focus()">
                    <div align="center">
                        <form name="form1" id="form1" method="post" >
                            <div id="width_cabe" align="center">
                                <table width="450" align="center" >
                                    <tr>
                                        <td  width="431" class="titulo" style="color:#000" >CATALOGO DE PEDIDOS </td> 
                                    </tr>
                                    <tr> 
                                        <th>BUSQUEDA</th> 
                                    </tr>
                                    <tr align="center">
                                        <td style="color:#000">
                                            <label>De: </label>
                                            <!--<input type="text" style="width: 35%" class="emplea datefrom" name="fechaIni" id="fechaIni" required>-->
                                            <input name="fec" style="width: 30%" type="text" class="emplea datefrom" id="fechaIni" size="9" maxlength="20" onkeypress="return soloNumeros(event)"
                                                    <?php echo 'value="' .date("d/m/Y"). '"' ?>>
                                                <label>A: </label>
                                                <input type="text" style="width: 30%" class="emplea dateto" name="fechaFin" id="fechaFin" required
                                                        <?php echo 'value="' .date("d/m/Y" , strtotime("+1 day")). '"' ?>>
                                                    </tr>
                                                    <tr>
                                                        <td align="center">
                                                            <select name="statusPedido" id="statusPedido" >
                                                                <option value="1">POR SURTIR</option>
                                                                <option value="2">SURTIDO</option>
                                                                <option value="3">SURTIDO PARCIAL</option>
                                                            </select>
                                                        </td>

                                                    </tr>
                                                    <tr>
                                                        <td align="center">
                                                            <button type="button" id="buscarP" >BUSCAR</button>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="color:#000">

                                                            <img src="../almacen/magnifier.png" alt="Buscar" onClick="alert('Buscar')" />

                                                            Busqueda Rapida <input type="text" style="width: 70%" id="q" name="q" value="" />
                                                        </td>
                                                    </tr>
                                                    </table>

                                                    </div>


                                                    </form>

                                                    </div>

                                                    <form name="frm1" id="frm1" >
                                                        <div align="center">
                                                            <table id='latabla' class="tablaB"  width="90%" border='1' bordercolor="#9B0F1A" bordercolordark="#9B0F1A">
                                                                <thead>

                                                                    <tr>
                                                                        <th width="80"  nowrap><div align="center">NO.SOL</div></th>
                                                                        <th width="80"  nowrap><div align="center">FECHA</div></th>
                                                                        <!--<th width="50"  nowrap><div align="center">PROYECTO</div></th> -->
                                                                        <th width="60"  nowrap><div align="center">NOMBRE</div></th>
                                                                        <th width="80"  nowrap><div align="center">NOMBRE  PROYECTO</div></th>
                                                                        <th width="80"  nowrap><div align="center">STATUS</div></th>
                                                                        <th width="60"  nowrap><div align="center">DETALLE</div></th>


                                                                    </tr>
                                                                </thead>
                                                                <tbody id="TablaP">
                                                                    <?php
                                                                    $datosPedidos = mysqli_query($con ,"select ped.*,user.nomb,user.apa,proy.np_desc1 from pedido as ped
                                                left join dxopemaex as user on ped.solicitante=user.oper
                                                inner join fdepartamento as proy on ped.proyecto=proy.nparte1
                                                where proy.t1='ACTIVO' AND ped.status = 1 order by fecha_sol DESC ");


                                                                    while ($fila = mysqli_fetch_assoc($datosPedidos)) {
                                                                        if ($fila['status'] == 3) {
                                                                            $statusP = "SURTIDO PARCIAL";
                                                                            $color = 'yellow';
                                                                        }if ($fila['status'] == 2) {
                                                                            $statusP = "SURTIDO";
                                                                            $color = 'green';
                                                                        }if ($fila['status'] == 1) {
                                                                            $statusP = "POR SURTIR";
                                                                            $color = 'red';
                                                                        }

                                                                        echo "<tr>";
                                                                        echo "<td> <div align='center' style='color:#000'>" . $fila['id'] . "&nbsp;</div></td>";
                                                                        #echo "<td> <div align='center' style='color:#000'>" . $fila['solicitante'] . "&nbsp;</div></td>";
                                                                        echo "<td> <div align='center' style='color:#000'>" . $fila['fecha_sol'] . "&nbsp;</div></td>";
                                                                        #echo "<td> <div align='center' style='color:#000'>" . $fila['proyecto'] . "&nbsp;</div></td>";
                                                                        echo "<td> <div align='center' style='color:#000'>" . $fila['nomb'] . "  " . $fila['apa'] . "&nbsp;</div></td>";
                                                                        echo "<td> <div align='center' style='color:#000'>" . $fila['np_desc1'] . "&nbsp;</div></td>";
                                                                        echo "<td bgcolor='$color'> <div align='center' style='color:#000'>" . $statusP . "&nbsp;</div></td>";
                                                                        echo "<td> <div align='center' style='color:#000'><button class='pedido' value='" . $fila['id'] . "' type='button' >detalle</button></div></td>";
                                                                        echo "</tr>";
                                                                    }
                                                                    ?>

                                                                </tbody>
                                                            </table>

                                                        </div>

                                                    </form>

                                                    <!-- modal -->
                                                    <div id="dialog-form" title="PEDIDOS">
                                                        <form>
                                                            <fieldset>


                                                                <div align="center">
                                                                    <table id='pedidosTabla' class="tablaC"  width="1032" border='1' bordercolor="#9B0F1A" bordercolordark="#9B0F1A">
                                                                        <thead>
                                                                            <tr>
                                                                                <th width="1%"  nowrap><div align="center">NO.</div></th>
                                                                                <th width="5%" nowrap><div align="center">DESCRIPCION</div></th>
                                                                                <th width="5%" nowrap><div align="center">EXISTENCIAS</div></th>
                                                                                <th width="2%"  nowrap><div align="center">CANTIDAD SOLICITADA</div></th>
                                                                                <th width="1%"  nowrap><div align="center">CANTIDAD SURTIDA</div></th>
                                                                                <th width="1%"  nowrap><div align="center">FALTA POR SURTIR</div></th>

                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="datosTabla">


                                                                        </tbody>
                                                                    </table>

                                                                </div>    



                                                                <!-- Allow form submission with keyboard without duplicating the dialog button -->
                                                                <!-- <input type="submit" tabindex="-1" style="position:absolute; top:-1000px"> -->
                                                            </fieldset>
                                                        </form>
                                                    </div>

                                                    <!-- modal -->

                                                    </body>
                                                    </html>