<?php
if (isset($_REQUEST['cont'])) {
    $cont = $_REQUEST['cont'] + 1;
} else {
    $cont = 1;
}
?>

<div class="row mt-2 mb-3">
    <div class="col-sm">
        <button type="button" class="btn btn-info ml-2" onclick="administracion_pallet();">Administración Pallets</button>
        <button type="button" class="btn btn-success ml-2" onclick="siguiente();">Siguiente</button>
    </div>
</div>
<form>
    <!-- Stack the columns on mobile by making one full-width and the other half-width -->
    <div class="jumbotron" style="padding: 5px; height: 10%; margin: 0px;">
        <div class="row" style="display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap: 12px;  ">

            <div class="col-sm" style="min-width:200px">
                <label for="c">Orden</label>
                <input class="form-control" id="orden_pallet" name="orden_pallet" value="<?php echo $cont; ?>" type="number">
            </div>
            <div class="col-sm" style="min-width:300px">
                <label for="c">N° Pallet</label>
                <input type="numeric" class="form-control" id="folio_pallet" name="folio_pallet" value="" list="pallet_number" placeholder="Ingrese numero de pallet ..." autocomplete="off" onchange="buscar_datos();">
                <datalist id="pallet_number">
                    <?php
                    include '../../conexion/session.php';
                    include '../../conexion/conn.php';
                    $folio_planilla = $_REQUEST['folio_planilla'];
                    $sql_consulta = mysql_query("SELECT * from contenedor_estiba WHERE folio_planilla='$folio_planilla'");
                    while ($row = mysql_fetch_array($sql_consulta)) {
                    ?>
                        <option value="<?php echo $row["folio_pallet"]; ?>"><?php echo $row['num_pallet'] . ' - ' . $row["folio_pallet"]; ?></option>";
                    <?php
                    }
                    ?>
                </datalist>

            </div>
            <div class="col-sm" style="min-width:200px">
                <label for="c">Temp 1 (C°)</label>
                <div id="temp_min2">
                    <input class="form-control" id="temp_min" name="temp_min" type="number">
                </div>

            </div>
            <div class="col-sm" style="min-width:200px">
                <label for="c">Temp 2 (C°)</label>
                <div id="temp_max2">
                    <input class="form-control" id="temp_max" name="temp_max" type="number">
                </div>
            </div>
            <div class="col-sm" style="min-width:300px">
                <label for="c">Termografo</label>
                <div id="num_termo2">
                    <select class="form-control" id="num_termo" name="num_termo">
                        <?php
                        $rs = mysql_query("SELECT termografo_1, termografo_2 FROM contenedor_planilla WHERE folio_planilla = '$folio_planilla'");
                        if ($row = mysql_fetch_array($rs)) {
                        ?>
                            <option value="">Seleccione si hay ...</option>
                            <option value="<?php echo $row['termografo_1']; ?>">Termografo 1 - <?php echo $row['termografo_1']; ?></option>
                            <option value="<?php echo $row['termografo_2']; ?>">Termografo 2 - <?php echo $row['termografo_2']; ?></option>
                        <?php
                        }
                        ?>
                    </select>
                </div>
            </div>
            <div class="row" style="display:flex; justify-content:center; align-items:center;">

                <div class="col-sm" style="min-width:200px; display:flex; justify-content:center; align-items:center; flex-direction: column">
                    <label for="c">Sentido</label>
                    <div id="sentido2">
                        <div class="o-switch btn-group" data-toggle="buttons" role="group">
                            <label class="btn btn-secondary active">
                                <input type="radio" name="check_sentido" id="check_sentidop" value="P" autocomplete="off" checked> P
                            </label>
                            <label class="btn btn-secondary">
                                <input type="radio" name="check_sentido" id="check_sentidoe" value="E" autocomplete="off"> E
                            </label>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</form>
<div class="row mt-2 mb-3">
    <div class="col-sm">
        <center>
            <button type="button" class="btn btn-success ml-2" onclick="siguiente();">Siguiente</button>
        </center>
    </div>
</div>

<script>
    function administracion_pallet() {
        var folio_planilla = <?php echo json_encode($folio_planilla); ?>;
        $('#estiba').load("Ingreso/Planillas/pallet.php?folio_planillavuelta=" + folio_planilla);
    }

    function buscar_datos() {
        var folio_planilla = <?php echo json_encode($folio_planilla); ?>;
        var folio_pallet = $('#folio_pallet').val();
        $("#temp_min2").load("Ingreso/Planillas/buscar_temp_min.php?folio_planilla=" + folio_planilla + "&folio_pallet=" + folio_pallet);
        $("#temp_max2").load("Ingreso/Planillas/buscar_temp_max.php?folio_planilla=" + folio_planilla + "&folio_pallet=" + folio_pallet);
        $("#num_termo2").load("Ingreso/Planillas/buscar_termografo.php?folio_planilla=" + folio_planilla + "&folio_pallet=" + folio_pallet);
        $("#sentido2").load("Ingreso/Planillas/buscar_sentido.php?folio_planilla=" + folio_planilla + "&folio_pallet=" + folio_pallet);
    }

    function siguiente() {
        var folio_planilla = <?php echo json_encode($folio_planilla); ?>;
        var folio_pallet = $('#folio_pallet').val();
        var orden_pallet = $('#orden_pallet').val();
        var temp_min = $('#temp_min').val();
        var temp_max = $('#temp_max').val();
        var num_termo = $('#num_termo').val();
        if ($('#check_sentidop').is(':checked')) {
            var sentido_pallet = "P";
        } else if ($('#check_sentidoe').is(':checked')) {
            var sentido_pallet = "E";
        }

        var cont = orden_pallet;

        //$('#estiba').load("Ingreso/Planillas/formulario.php?folio_planilla=" + folio_planilla + "&cont=" + cont);
        if (folio_pallet != "") {
            $.ajax({
                type: 'POST',
                url: 'Ingreso/Planillas/update_pallet_tiempo_real.php',
                data: {
                    "folio_planilla": folio_planilla,
                    "orden_pallet": orden_pallet,
                    "folio_pallet": folio_pallet,
                    "temp_min": temp_min,
                    "temp_max": temp_max,
                    "num_termo": num_termo,
                    "sentido_pallet": sentido_pallet
                },
                dataType: 'json',
                cache: false,
                success: function(result) {
                    if (result.success) {
                        $('#estiba').load("Ingreso/Planillas/formulario.php?folio_planilla=" + folio_planilla + "&cont=" + cont);
                    } else {
                        alert("Error al registrar, verifique la informacion.");
                    }

                },
            });
        } else {
            alert("Seleccione Pallet");
        }

    }
</script>