<%@ Page Title="" Language="C#" MasterPageFile="~/SunMaster.Master" AutoEventWireup="true"
    CodeBehind="StockReport.aspx.cs" Inherits="SUNWEB.StockReport" %>


<%@ Register Assembly="AjaxControlToolkit" TagPrefix="asp" Namespace="AjaxControlToolkit" %>
<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link type="text/css" rel="Stylesheet" href="css/style.css" />


    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <%-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">--%>
    <link href="css/Gridstyle.css" rel="Stylesheet" type="text/css" />
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

    <link href="css/Gridstyle.css" rel="Stylesheet" type="text/css" />



    <%--  <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>--%>

    <%--datetime picker--%>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>

    <%--Print Preview--%>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <style type="text/css">
        .divReportCss {
            max-height: 100%;
            overflow-y: auto;
        }

        .tableReportHeader {
            /*border: 1px solid black;*/
            width: 100%;
            font-size: medium;
            margin-bottom: 20px;
            margin-top: 50px;
        }

            .tableReportHeader tr td {
                width: 50%;
            }

        .tableReportDetail {
            border: 1px solid black;
            width: 100%;
            font-size: medium;
        }

            .tableReportDetail tr th {
                padding: 10px;
                border: 1px solid black;
            }

            .tableReportDetail tr td {
                padding: 10px;
            }

        /* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            overflow: hidden;
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            /*  margin: 15% auto;*/ /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 80%; /* Could be more or less, depending on screen size */
            height: 100%;
        }

        /* The Close Button */
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            text-align: right;
        }

            .close:hover,
            .close:focus {
                color: black;
                text-decoration: none;
                cursor: pointer;
            }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            document.getElementById("divSend").style.display = "block";
            ResetField();
        });

        //$("[src*=plus]").live("click", function () {
        //    $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
        //    $(this).attr("src", "IMG/minus.gif");
        //});
        //$("[src*=minus]").live("click", function () {
        //    $(this).attr("src", "IMG/plus.gif");
        //    $(this).closest("tr").next().remove();
        //});

        // Get the modal
        var modal = document.getElementById("myModal");

        // Get the button that opens the modal
        var btn = document.getElementById("myBtn");

        // Get the <span> element that closes the modal
        var span = document.getElementsByClassName("close")[0];

        // When the user clicks on the button, open the modal
        //btn.onclick = function () {
        //    modal.style.display = "block";
        //}

        // When the user clicks on <span> (x), close the modal
        //span.onclick = function () {
        //    modal.style.display = "none";
        //}

        function Close() {
            modal.style.display = "none";
        }

        function ResetField() {

            var cmbReportType = document.getElementById("<%=cmbReportType.ClientID %>");
            var cmbReportTypeValue = cmbReportType[cmbReportType.selectedIndex].text;

            if (cmbReportTypeValue == "RECEIVE TRANSFER") {
                document.getElementById('lblIDFrom').innerHTML = "TO BRANCH :";
                document.getElementById('lblIDTo').innerHTML = "FROM BRANCH :";
                // document.getElementById('lblTransfer').innerHTML = "Confirm"
                document.getElementById("divSend").style.display = "none";
                document.getElementById("divConfirm").style.display = "block";


            } else if (cmbReportTypeValue == "STOCK TRANSFER") {
                document.getElementById('lblIDFrom').innerHTML = "FROM BRANCH :";
                document.getElementById('lblIDTo').innerHTML = "TO BRANCH :";
                document.getElementById("divSend").style.display = "block";
                document.getElementById("divConfirm").style.display = "none";
            } else if (cmbReportTypeValue == "RETURN TRANSFER") {
                document.getElementById('lblIDFrom').innerHTML = "FROM BRANCH :";
                document.getElementById('lblIDTo').innerHTML = "TO BRANCH :";
                document.getElementById("divSend").style.display = "none";
                document.getElementById("divConfirm").style.display = "none";
            }

            document.getElementById("txtTransferNo").value = "";


        }

        function ShowConfirmDiv() {

        }

        function ModalViewReport() {
            var cmbBranchFrom = document.getElementById("<%=cmbBranches.ClientID %>");
            var cmbBranchFromValue = cmbBranchFrom[cmbBranchFrom.selectedIndex].text;

            var cmbBranchTo = document.getElementById("<%=cmbSelectBranch.ClientID %>");
            var cmbBranchToValue = cmbBranchTo[cmbBranchTo.selectedIndex].text;

            var cmbReportType = document.getElementById("<%=cmbReportType.ClientID %>");
            var cmbReportTypeValue = cmbReportType[cmbReportType.selectedIndex].text;

            var cmbConfirm = document.getElementById("<%=combostatus.ClientID %>");
            var cmbConfirmValue = cmbConfirm[cmbConfirm.selectedIndex].text;

            var cmbSend = document.getElementById("<%=cmbsendstatus.ClientID %>");
            var cmbSendValue = cmbSend[cmbSend.selectedIndex].text;

            var FromDate = document.getElementById("<%=txtFromDt.ClientID %>").value;
            var ToDate = document.getElementById("<%=txtToDt.ClientID %>").value;

            var TransferNo = document.getElementById("txtTransferNo").value;

            $.ajax({
                type: "POST",
                url: "StockReport.aspx/GetReportHeader",
                data: "{'Reporttype':'" + cmbReportTypeValue + "','FromBranch':'" + cmbBranchFromValue + "','ToBranch':'" + cmbBranchToValue + "','ConfirmStatus':'" + cmbConfirmValue + "','SendStatus':'" + cmbSendValue + "','FromDate':'" + FromDate + "','ToDate':'" + ToDate + "','TransferNo':'" + TransferNo + "'}",
                async: false,
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    // alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
                },
                success: function (result) {
                    var jsonItem = JSON.parse(result.d);
                    var ItemCount = jsonItem.length;
                    if (ItemCount > 0) {
                        for (var x = 0; x < ItemCount; x++) {
                            var TransferID = jsonItem[x].TransferID;
                            var FromBranchID = jsonItem[x].fromBranchID;
                            var ToBranchName = jsonItem[x].BranchFullName;
                            var TransferNo = jsonItem[x].TransferNo;
                            var TransferDate = jsonItem[x].TransferDate;
                            var ConfirmNo = jsonItem[x].ConfirmNo;
                            var SendDateTime = jsonItem[x].SendDateTime;
                            var ConfirmDateTime = jsonItem[x].ConfirmDateTime;

                            if (TransferNo == "") {
                                TransferNo = "N/A";
                            }

                            if (ConfirmNo == "") {
                                ConfirmNo = "N/A";
                            }

                            if (TransferDate == "0001-01-01T00:00:00") {
                                TransferDate = "N/A";
                            }

                            if (ConfirmDateTime == "0001-01-01T00:00:00") {
                                ConfirmDateTime = "N/A";
                            }

                            if (SendDateTime == "0001-01-01T00:00:00") {
                                SendDateTime = "N/A";
                            }

                            if (x == 0) {
                                var divHeader = document.createElement("div");
                                divHeader.innerHTML = cmbReportTypeValue + " REPORT LIST";
                                divHeader.style = "text-align:center;font-size:32px;";
                                document.getElementById("divReport").appendChild(divHeader)

                                var tblReportHeader = document.createElement("table");
                                tblReportHeader.id = "tblReportHeader" + x;
                                tblReportHeader.className = "tableReportHeader";
                                document.getElementById("divReport").appendChild(tblReportHeader);

                                var table1 = document.getElementById("tblReportHeader" + x);
                                var table1row1 = table1.insertRow(0);
                                var table1row1Cell1 = table1row1.insertCell(0);

                                table1row1Cell1.innerHTML = "Branch : " + cmbBranchFromValue;

                                var table1row2 = table1.insertRow(1);
                                var table1row2Cell1 = table1row2.insertCell(0);
                                table1row2Cell1.innerHTML = "Period Date : " + FromDate + " to " + ToDate + "";
                            }

                            var tblReportHeaderSub = document.createElement("table");
                            tblReportHeaderSub.id = "tblReportHeaderSub" + x;
                            tblReportHeaderSub.className = "tableReportHeader";
                            document.getElementById("divReport").appendChild(tblReportHeaderSub);

                            var table2 = document.getElementById("tblReportHeaderSub" + x)

                            var table2row1 = table2.insertRow(0);
                            var table2row1Cell1 = table2row1.insertCell(0);
                            if (cmbReportTypeValue == "STOCK TRANSFER") {
                                table2row1Cell1.innerHTML = "Transfer No : " + TransferNo;
                            } else if (cmbReportTypeValue == "RECEIVE TRANSFER") {
                                table2row1Cell1.innerHTML = "Receiving No : " + ConfirmNo;
                            } else if (cmbReportTypeValue == "RETURN TRANSFER") {
                                table2row1Cell1.innerHTML = "Return No : " + ConfirmNo;
                            }

                            //var table2row2 = table2.insertRow(1);
                            //var table2row2Cell1 = table2row2.insertCell(0);
                            //table2row2Cell1.innerHTML = "Send Date & Time: " + SendDateTime;

                            var table2row1Cell2 = table2row1.insertCell(1);
                            if (cmbReportTypeValue == "STOCK TRANSFER") {
                                table2row1Cell2.innerHTML = "To Branch : " + ToBranchName;
                            } else if (cmbReportTypeValue == "RECEIVE TRANSFER") {
                                table2row1Cell2.innerHTML = "From Branch : " + ToBranchName;
                            } else if (cmbReportTypeValue == "RETURN TRANSFER") {
                                table2row1Cell2.innerHTML = "From Branch : " + ToBranchName;
                            }

                            var table2row2 = table2.insertRow(1);
                            var table2row2Cell1 = table2row2.insertCell(0);



                            if (cmbReportTypeValue == "STOCK TRANSFER") {
                                table2row2Cell1.innerHTML = "Transfer Date : " + TransferDate.toString().substring(0, 10);
                            } else if (cmbReportTypeValue == "RECEIVE TRANSFER") {
                                table2row2Cell1.innerHTML = "Receive Date : " + TransferDate.toString().slice(0, 10);
                            } else if (cmbReportTypeValue == "RETURN TRANSFER") {
                                table2row2Cell1.innerHTML = "Return Date : " + TransferDate.toString().slice(0, 10);
                            }

                            var table2row2Cell2 = table2row2.insertCell(1);
                            if (cmbReportTypeValue == "STOCK TRANSFER") {
                                table2row2Cell2.innerHTML = "Receiving No : " + ConfirmNo;
                            } else if (cmbReportTypeValue == "RECEIVE TRANSFER") {
                                table2row2Cell2.innerHTML = "Transfer No : " + TransferNo;
                            } else if (cmbReportTypeValue == "RETURN TRANSFER") {
                                table2row2Cell2.innerHTML = "Transfer No : " + TransferNo;
                            }

                            var table2row3 = table2.insertRow(2);
                            var table2row3Cell1 = table2row3.insertCell(0);
                            if (cmbReportTypeValue == "STOCK TRANSFER") {
                                table2row3Cell1.innerHTML = "Send Date : " + SendDateTime.replace("T", " ");
                            } else if (cmbReportTypeValue == "RECEIVE TRANSFER") {
                                //table2row3Cell2.innerHTML = "Confirm Date : " + ConfirmDateTime.replace("T", " ");;
                            }

                            var table2row3Cell2 = table2row3.insertCell(1);
                            if (cmbReportTypeValue == "STOCK TRANSFER") {
                                table2row3Cell2.innerHTML = "Confirm Date : " + ConfirmDateTime.replace("T", " ");
                            } else if (cmbReportTypeValue == "RECEIVE TRANSFER") {
                               //table2row3Cell1.innerHTML = "Send Date : " + SendDateTime.replace("T", " ");
                            }


                            //var table2row3Cell2 = table2row2.insertCell(2);
                            //table2row3Cell2.innerHTML = ConfirmDateTime;

                            //OpenModalReport(FromBranchID, TransferID);
                            $.ajax({
                                type: "POST",
                                url: "StockReport.aspx/GetReportDetails",
                                data: "{'Reporttype':'" + cmbReportTypeValue + "','FromBranch':'" + FromBranchID + "','TransferID':'" + TransferID + "'}",
                                async: false, //john added on 25-Aug-2021
                                contentType: 'application/json; charset=utf-8',
                                dataType: 'json',
                                error: function (XMLHttpRequest, textStatus, errorThrown) {
                                    alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
                                },
                                success: function (result) {
                                    var jsonItem = JSON.parse(result.d);
                                    var ItemCount = jsonItem.length;
                                    var totalQTY = 0;
                                    var totalAmount = 0;
                                    var tblReportDetails = document.createElement("table");
                                    tblReportDetails.id = "tblReportDetail" + TransferID;
                                    tblReportDetails.className = "tableReportDetail";
                                    document.getElementById("divReport").appendChild(tblReportDetails);

                                    var trheader = document.createElement("tr")
                                    trheader.id = "trHeader" + TransferID;
                                    trheader.style = "border: 1px solid black;"
                                    document.getElementById("tblReportDetail" + TransferID).appendChild(trheader);

                                    var thSno = document.createElement("th")
                                    thSno.innerHTML = "SNo"
                                    document.getElementById("trHeader" + TransferID).appendChild(thSno);

                                    var thBarcode = document.createElement("th")
                                    thBarcode.innerHTML = "Barcode"
                                    document.getElementById("trHeader" + TransferID).appendChild(thBarcode);

                                    var thDesc = document.createElement("th")
                                    thDesc.innerHTML = "Description"
                                    document.getElementById("trHeader" + TransferID).appendChild(thDesc);

                                    var thUnit = document.createElement("th")
                                    thUnit.innerHTML = "Unit"
                                    document.getElementById("trHeader" + TransferID).appendChild(thUnit);

                                    var thQuantity = document.createElement("th")
                                    thQuantity.innerHTML = "Quantity"
                                    document.getElementById("trHeader" + TransferID).appendChild(thQuantity);

                                    if (cmbReportTypeValue != "RETURN TRANSFER") {
                                        //var thPrice = document.createElement("th")
                                        //thPrice.innerHTML = "Price"
                                        //thPrice.style = "text-align:right;";
                                        //document.getElementById("trHeader" + TransferID).appendChild(thPrice);

                                        //var thAmount = document.createElement("th")
                                        //thAmount.innerHTML = "Amount"
                                        //thAmount.style = "text-align:right;";
                                        //document.getElementById("trHeader" + TransferID).appendChild(thAmount);
                                    }

                                    for (var x = 0; x < ItemCount; x++) {
                                        var BarCode = jsonItem[x].BarCode;
                                        var InventoryName = jsonItem[x].Inventoryname;
                                        var Description = jsonItem[x].Description;
                                        var PackUnit = jsonItem[x].Unit;
                                        var PackQuantity = jsonItem[x].PackQuantity;
                                        var Price = jsonItem[x].Price;
                                        var Amount = jsonItem[x].Amount;

                                        totalQTY = totalQTY + PackQuantity;
                                        if (cmbReportTypeValue != "RETURN TRANSFER") {
                                            //totalAmount = totalAmount + Amount;
                                        }

                                        var trDetails = document.createElement("tr")
                                        //trDetails.id = "trDetails" + x;
                                        trDetails.id = "trDetails" + TransferID + x;
                                        document.getElementById("tblReportDetail" + TransferID).appendChild(trDetails);

                                        var tdSno = document.createElement("td")
                                        tdSno.innerHTML = x + 1;
                                        //document.getElementById("trDetails" + x).appendChild(tdSno);
                                        document.getElementById("trDetails" + TransferID + x).appendChild(tdSno);

                                        var tdBarcode = document.createElement("td")
                                        tdBarcode.innerHTML = BarCode;
                                        //document.getElementById("trDetails" + x).appendChild(tdBarcode);
                                        document.getElementById("trDetails" + TransferID + x).appendChild(tdBarcode);

                                        var tdDesc = document.createElement("td")
                                        tdDesc.innerHTML = InventoryName + " " + Description;
                                        //document.getElementById("trDetails" + x).appendChild(tdDesc);
                                        document.getElementById("trDetails" + TransferID + x).appendChild(tdDesc);

                                        var tdPackUnit = document.createElement("td")
                                        tdPackUnit.innerHTML = PackUnit;
                                        //document.getElementById("trDetails" + x).appendChild(tdPackUnit);
                                        document.getElementById("trDetails" + TransferID + x).appendChild(tdPackUnit);

                                        var tdQuantity = document.createElement("td")
                                        tdQuantity.innerHTML = PackQuantity;
                                        //document.getElementById("trDetails" + x).appendChild(tdQuantity);
                                        document.getElementById("trDetails" + TransferID + x).appendChild(tdQuantity);

                                        //if (cmbReportTypeValue != "RETURN TRANSFER") {
                                            //var tdPrice = document.createElement("td")
                                            //tdPrice.innerHTML = Price.toFixed(2);
                                            //tdPrice.style = "text-align:right";
                                            ////document.getElementById("trDetails" + x).appendChild(tdPrice);
                                            //document.getElementById("trDetails" + TransferID + x).appendChild(tdPrice);


                                            //var tdAmount = document.createElement("td")
                                            //tdAmount.innerHTML = Amount.toFixed(2);
                                            ////tdAmount.innerHTML = Amount;
                                            //tdAmount.style = "text-align:right";
                                            ////document.getElementById("trDetails" + x).appendChild(tdAmount);
                                            //document.getElementById("trDetails" + TransferID + x).appendChild(tdAmount);
                                       // }
                                    }

                                    var tblReportFooter = document.createElement("table");
                                    tblReportFooter.id = "tblReportFooter";
                                    tblReportFooter.className = "tableReportDetail";
                                    document.getElementById("divReport").appendChild(tblReportFooter);

                                    var trFooter = document.createElement("tr")
                                    trFooter.id = "trFooter" + TransferID;
                                    document.getElementById("tblReportDetail" + TransferID).appendChild(trFooter);

                                    var tdSno = document.createElement("td")
                                    document.getElementById("trFooter" + TransferID).appendChild(tdSno);

                                    var tdBarcode = document.createElement("td")
                                    document.getElementById("trFooter" + TransferID).appendChild(tdBarcode);

                                    var tdDesc = document.createElement("td")
                                    document.getElementById("trFooter" + TransferID).appendChild(tdDesc);

                                    var tdPackUnit = document.createElement("td")
                                    document.getElementById("trFooter" + TransferID).appendChild(tdPackUnit);

                                    var tdQuantity = document.createElement("td")
                                    tdQuantity.innerHTML = totalQTY;
                                    document.getElementById("trFooter" + TransferID).appendChild(tdQuantity);

                                    //var tdPrice = document.createElement("td")
                                    //document.getElementById("trFooter" + TransferID).appendChild(tdPrice);

                                    if (cmbReportTypeValue != "RETURN TRANSFER") {
                                        //var tdAmount = document.createElement("td")
                                        ////tdAmount.innerHTML = totalAmount.toFixed(2);;
                                        //tdAmount.innerHTML = totalAmount;
                                        //tdAmount.style = "text-align:right;";
                                        //document.getElementById("trFooter" + TransferID).appendChild(tdAmount);
                                    }
                                }
                            });
                        }
                        var modal = document.getElementById("myModal");
                        modal.style.display = "block";
                    } else {
                        alert("No Record Found!");
                        return false;
                        ResetField();
                    }
                }
            });


        }
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel runat="server" ID="updatepanel1" UpdateMode="Conditional">
        <ContentTemplate>
            <table style="margin-left: 1%; width: 98%;"
                class="d-none">
                <tr>
                    <td style="font-size: x-large; width: 50%; font-family: 'Open Sans', sans-serif; font-weight: bolder;">STOCK TRANSFER REPORTS
                    </td>
                </tr>

            </table>
            <div class="row" style="display: none;">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="form-row">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
                                    <label runat="server" for="validationCustom03">
                                        <asp:Label ID="lblBranchAliasName" ForeColor="Blue" runat="server"></asp:Label>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row d-none">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="section-block" id="basicform">
                    </div>
                    <div class="card">
                        <%--<h5 class="card-header"></h5>--%>
                        <div class="card-body">

                            <div class="form-group">
                                <label style="min-width: 10vw">
                                    SELECT REPORT TYPE :
                                </label>
                                <asp:DropDownList ID="cmbReportType" CssClass="custom-select" Width="250px" runat="server"
                                    AutoPostBack="false" onchange="ResetField()">
                                    <asp:ListItem Text="STOCK TRANSFER" Value="1"></asp:ListItem>
                                    <asp:ListItem Text="RECEIVE TRANSFER" Value="2"></asp:ListItem>
                                    <asp:ListItem Text="RETURN TRANSFER" Value="3"></asp:ListItem>
                                </asp:DropDownList>
                            </div>
                            <div class="form-group">
                                <label id="lblIDFrom" style="min-width: 10vw">
                                    FROM BRANCH :
                                </label>
                                <%-- &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp--%>
                                <asp:DropDownList ID="cmbBranches" CssClass="custom-select" Width="250px" runat="server"
                                    AutoPostBack="true" OnSelectedIndexChanged="cmbBranches_SelectedIndexChanged">
                                </asp:DropDownList>
                            </div>
                            <div class="form-group">
                                <label id="lblIDTo" style="min-width: 10vw">
                                    TO BRANCH :
                                </label>
                                <asp:DropDownList ID="cmbSelectBranch" CssClass="custom-select" Width="250px" runat="server"
                                    AutoPostBack="false">
                                    <%--OnSelectedIndexChanged="cmbSelectBranch_SelectedIndexChanged"--%>
                                </asp:DropDownList>
                            </div>
                            <div class="form-group" id="divSend">
                                <label style="min-width: 10vw">
                                    SEND STATUS :
                                </label>
                                <asp:DropDownList ID="cmbsendstatus" CssClass="custom-select" Width="250px" runat="server"
                                    AutoPostBack="false">
                                    <asp:ListItem Text="ALL" Value="0"></asp:ListItem>
                                    <asp:ListItem Text="NOT SEND" Value="1"></asp:ListItem>
                                    <asp:ListItem Text="SEND" Value="2"></asp:ListItem>
                                </asp:DropDownList>
                            </div>
                            <div id="divConfirm" clientidmode="Static" runat="server" class="form-group">
                                <label style="min-width: 10vw">
                                    CONFIRM STATUS :</label>
                                <asp:DropDownList ID="combostatus" CssClass="custom-select" Width="250px" runat="server"
                                    AutoPostBack="false">
                                    <asp:ListItem Text="ALL" Value="0"></asp:ListItem>
                                    <asp:ListItem Text="NOT CONFIRM" Value="1"></asp:ListItem>
                                    <asp:ListItem Text="CONFIRMED" Value="2"></asp:ListItem>
                                </asp:DropDownList>
                            </div>
                            <div class="form-group">
                                <label style="min-width: 10vw">
                                    DATE FROM :</label>
                                <asp:TextBox ID="txtFromDt" CssClass="caltxtbox" runat="server" Width="100px"></asp:TextBox>
                                <asp:CalendarExtender ID="calexdStockFrom" Format="yyyy-MM-dd" runat="server"
                                    TargetControlID="txtFromDt" PopupPosition="BottomLeft" FirstDayOfWeek="Sunday"></asp:CalendarExtender>
                            </div>
                            <div class="form-group">
                                <label style="min-width: 10vw">
                                    DATE TO :</label>
                                <asp:TextBox ID="txtToDt" CssClass="caltxtbox" runat="server" Width="100px"></asp:TextBox>
                                <asp:CalendarExtender ID="calexdStockTo" Format="yyyy-MM-dd" runat="server"
                                    TargetControlID="txtToDt" PopupPosition="BottomLeft" FirstDayOfWeek="Sunday"></asp:CalendarExtender>
                            </div>
                            <div runat="server" class="form-group">
                                <label style="min-width: 10vw" id="lblTransfer">
                                    TRANSFER NO. :</label>
                                <input type="text" id="txtTransferNo" style="width: 250px">
                            </div>
                            <div class="form-group">
                                <label style="min-width: 10vw">
                                </label>
                                <button id="ShowReport" class="btn btn-primary" onclick="if(!ModalViewReport()){return false;}">Preview Report</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

    <div class="form-group d-none">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <div id="myModal" class="modal">
                        <div class="modal-content">
                            <button id="btnClose" class="close" onclick="Close()">&times;</button>
                            <div id="divReport" class="divReportCss">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="divcontainer" class="container-fluid bg-white p-2 px-4">
        <div class="pt-2">
            <h3>Stock Transfer Report</h3>
        </div>
        <hr />

        <div class="row">
            <div class="col-sm-5 col-md-6">
                <div class="form-group row">
                    <label id="label-report" class="col-sm-3 col-md-3 col-form-label">Select Report : </label>
                    <div class="col-sm-10 col-md-6">
                        <button type="button" id="btn-report" class="btn btn-primary dropdown-toggle text-capitalize" data-bs-toggle="dropdown" aria-expanded="false" style="width: 100%; height: 35px; text-align: left; display: flex; justify-content: space-between; align-items: center">
                            Transfer Stock
                        </button>
                        <ul class="dropdown-menu" id="ul-reports" style="width: 90%">
                            <li id="li-reportype">
                                <a class="dropdown-item text-capitalize">Transfer Stock</a>
                                <a class="dropdown-item text-capitalize">Receive Stock</a>
                                <a class="dropdown-item text-capitalize">Return Stock</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="co-sm-5 col-md-6">
                <div class="form-group row">
                    <label id="label-frombranch" class="col-sm-3 col-md-3 col-form-label">From Branch : </label>
                    <div class="col-sm-10 col-md-6">
                        <button type="button" id="btn-frombranch" class="btn btn-primary dropdown-toggle text-capitalize" data-bs-toggle="dropdown" aria-expanded="false" style="width: 100%; height: 35px; text-align: left; display: flex; justify-content: space-between; align-items: center">
                            HQ
                        </button>
                        <ul class="dropdown-menu" id="ul-frombranch" style="width: 90%">
                            <li id="u-frombranch">
                                <a class="dropdown-item text-capitalize">hq</a>
                                <a class="dropdown-item text-capitalize">ang mo kio</a>
                                <a class="dropdown-item text-capitalize">bishan</a>
                                <a class="dropdown-item text-capitalize">clementi</a>
                                <a class="dropdown-item text-capitalize">tuas (d)</a>
                                <a class="dropdown-item text-capitalize">woodlands (d)</a>
                                <a class="dropdown-item text-capitalize">jurong east</a>
                                <a class="dropdown-item text-capitalize">semi</a>
                                <a class="dropdown-item text-capitalize">tampines</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-5 col-md-6">
                <div class="form-group row">
                    <label id="label-tobranch" class="col-sm-3 col-md-3 col-form-label">To Branch : </label>
                    <div class="col-sm-10 col-md-6">
                        <button type="button" id="btn-tobranch" class="btn btn-primary dropdown-toggle text-capitalize" data-bs-toggle="dropdown" aria-expanded="false" style="width: 100%; height: 35px; text-align: left; display: flex; justify-content: space-between; align-items: center">
                            All
                        </button>
                        <ul class="dropdown-menu" id="ul-tobranch" style="width: 90%">
                            <li id="u-tobranch">
                                <a class="dropdown-item text-capitalize">hq</a>
                                <a class="dropdown-item text-capitalize">ang mo kio</a>
                                <a class="dropdown-item text-capitalize">bishan</a>
                                <a class="dropdown-item text-capitalize">clementi</a>
                                <a class="dropdown-item text-capitalize">tuas (d)</a>
                                <a class="dropdown-item text-capitalize">woodlands (d)</a>
                                <a class="dropdown-item text-capitalize">jurong east</a>
                                <a class="dropdown-item text-capitalize">semi</a>
                                <a class="dropdown-item text-capitalize">tampines</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-5 col-md-6">
                <div class="form-group row">
                    <label id="label-status" class="col-sm-3 col-md-3 col-form-label">Send Status : </label>
                    <div class="col-sm-10 col-md-6">
                        <button type="button" id="btn-status" class="btn btn-primary dropdown-toggle text-capitalize" data-bs-toggle="dropdown" aria-expanded="false" style="width: 100%; height: 35px; text-align: left; display: flex; justify-content: space-between; align-items: center">
                            All
                        </button>
                        <ul class="dropdown-menu" id="ul-status" style="width: 90%">
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="row ">
            <div class="col-sm-5 col-md-6">
                <div class="form-group row">
                    <label class="col-sm-3 col-md-3 col-form-label">Date From : </label>
                    <div class="col-sm-10 col-md-6">
                        <input type="text" id="fromdatepicker" class="form-control" style="font-size: Small;" />
                    </div>
                </div>
            </div>
            <div class="col-sm-5 col-md-6">
                <div class="form-group row">
                    <label class="col-sm-3 col-md-3 col-form-label">To From : </label>
                    <div class="col-sm-10 col-md-6">
                        <input type="text" id="todatepicker" class="form-control" style="font-size: Small;" />
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-5 col-md-6">
                <div class="form-group row">
                    <label id="label-no" class="col-sm-3 col-md-3 col-form-label">Transfer No : </label>
                    <div class="col-sm-10 col-md-6">
                        <input type="text" id="input-no" class="form-control">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-5 col-md-6">
                <div class="form-group row">
                    <label class="col-sm-3 col-md-3 col-form-label"></label>
                    <div class="col-sm-10 col-md-6">
                        <button type="button" id="button-generate" class="btn btn-primary" style="width: 100%">Generate</button>
                    </div>
                </div>
            </div>
        </div>


        <%--     <div class="row pb-2">
                <div class="col-sm-5 col-md-4">
                    <div class="row">
                        <label class="form-label">Branch To</label>
                        <!-- Example single danger button -->
                        <div class="btn-group">
                            <button type="button" id="btn-branch" class="btn btn-primary dropdown-toggle text-capitalize" data-bs-toggle="dropdown" aria-expanded="false" style="width: 100%;height: 35px;text-align: left;display: flex;justify-content: space-between;align-items: center">
                                Select Branch
                            </button>
                            <ul class="dropdown-menu" id="ul-branches" style="width: 90%">
                                <li id="u-branches"><a class="dropdown-item text-capitalize">hq</a><a class="dropdown-item text-capitalize">ang mo kio</a><a class="dropdown-item text-capitalize">bishan</a><a class="dropdown-item text-capitalize">clementi</a><a class="dropdown-item text-capitalize">tuas (d)</a><a class="dropdown-item text-capitalize">woodlands (d)</a><a class="dropdown-item text-capitalize">jurong east</a><a class="dropdown-item text-capitalize">semi</a></li>
                            </ul>
                        </div>
                    </div>
                </div>              
            </div>--%>
        <hr>
    </div>

    <div id="reports">
        <table class="table table-striped">
            <thead>
                <tr class='warning'>
                    <th>#</th>
                    <th>Transfer #</th>
                    <th>Date</th>
                    <th>From </th>
                    <th>To</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody id="tbody-report-list">
            </tbody>
        </table>
    </div>

    <div id="modal-preview-tranfer" class="modal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" style="min-width: 720px">
            <div class="modal-content">
                <div class="modal-header">
                  
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="text-center p-2">
                    <h5 class="modal-title h3">Transfer Stock Report</h5>
                </div>
                  
                <%--  <div style="min-height:400px">

                </div>--%>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Branch From :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Tfrombranchname"></label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Transfer No :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Ttransferno"></label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Transfer Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Ttransferdate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Send Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Tfromsenddate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Status :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Tfromstatus">
                        </label>
                    </div>
                </div>
                <br />
                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Branch To :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Ttobranchname">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Confirm No. :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Tconfirmno">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Send Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Ttosenddate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Confirm Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Ttoconfirmdate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Status :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="lbl-Ttostatus">
                        </label>
                    </div>
                </div>


                <div id="modal-body" class="modal-body px-0">
                    <table class="table table-striped">
                        <thead>
                            <tr class='warning'>
                                <th>#</th>
                                <th>ID</th>
                                <th>Barcode</th>
                                <th>Name </th>
                                <th>Description</th>
                                <th>Unit</th>
                                <th>Batch #</th>
                                <th>Cost</th>
                                <th>Qty</th>
                            </tr>
                        </thead>
                        <tbody id="tbody-preivew-report">
                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <%--   <button type="button" id="button-print" class="btn btn-primary">Print</button>--%>
                    <button type="button" id="button-pdf" class="btn btn-primary">Save PDF</button>
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-preview-receive" class="modal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" style="min-width: 810px">
            <div class="modal-content">
                <div class="modal-header">
                   <%-- <h5 class="modal-title">Receive Stock Report</h5>--%>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
         
                 <div class="text-center p-2">
                    <h5 class="modal-title h3">Receive Stock Report</h5>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Branch From :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rfrombranchname"></label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Transfer No :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rtransferno"></label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Transfer Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rtransferdate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Send Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rfromsenddate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Status :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rfromstatus">
                        </label>
                    </div>
                </div>
                <br />
                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Branch To :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rtobranchname">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Confirm No. :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rconfirmno">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Send Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rtosenddate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Confirm Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rtoconfirmdate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Status :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="lbl-Rtostatus">
                        </label>
                    </div>
                </div>


                <div class="modal-body">
                    <table class="table table-striped">
                        <thead>
                            <tr class='warning'>
                                <th>#</th>
                                <th>ID</th>
                                <th>Barcode</th>
                                <th>Name </th>
                                <th>Description</th>
                                <th>Unit</th>
                                <th>Batch #</th>
                                <th>Cost</th>
                                <th>Send Qty</th>
                                <th>Accept Qty</th>
                                <th>Return Qty</th>
                            </tr>
                        </thead>
                        <tbody id="tbody-report-receive">
                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <%-- <button type="button" id="button-print" class="btn btn-primary">Print</button>--%>
                    <button type="button" id="button-pdf" class="btn btn-primary">Save PDF</button>
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-preview-return" class="modal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" style="min-width: 720px">
            <div class="modal-content">
                <div class="modal-header">
                   <%-- <h5 class="modal-title">Transfer Stock Report</h5>--%>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                  <div class="text-center p-2">
                    <h5 class="modal-title h3">Return Stock Report</h5>
                </div>
                 <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Branch From :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Retfrombranchname"></label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Return No :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rettransferno"></label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Transfer Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rettransferdate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Send Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Retfromsenddate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Status :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Retfromstatus">
                        </label>
                    </div>
                </div>
                <br />
                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Branch To :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rettobranchname">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Confirm No. :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Retconfirmno">
                        </label>
                    </div>
                </div>

<%--                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Send Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rettosenddate">
                        </label>
                    </div>
                </div>--%>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Confirm Date :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="label-Rettoconfirmdate">
                        </label>
                    </div>
                </div>

                <div class="form-group row p-0">
                    <div class="col-sm-5 col-md-2">
                        <label>Status :</label>
                    </div>
                    <div class="col-sm-5 col-md-2">
                        <label id="lbl-Rettostatus">
                        </label>
                    </div>
                </div>

                <%--  <div style="min-height:400px">

                </div>--%>
                <div class="modal-body">
                    <table class="table table-striped">
                        <thead>
                            <tr class='warning'>
                                <th>#</th>
                                <th>ID</th>
                                <th>Barcode</th>
                                <th>Name </th>
                                <th>Description</th>
                                <th>Unit</th>
                                <th>Batch #</th>
                                <th>Cost</th>
                                <th>Return</th>
                            </tr>
                        </thead>
                        <tbody id="tbody-report-return">
                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <%--   <button type="button" id="button-print" class="btn btn-primary">Print</button>--%>
                    <button type="button" id="button-pdf" class="btn btn-primary">Save PDF</button>
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>


    <%--PDF Generator--%>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
    <script src="https://unpkg.com/jspdf"></script>
    <script src="https://unpkg.com/jspdf-autotable"></script>
    <script src="https://unpkg.com/jspdf-autotable@3.5.22/dist/jspdf.plugin.autotable.js"></script>

    <%--datetime picker--%>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>

    <script src="sunScript/stockreport.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</asp:Content>
