<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MKTAnalysisPdfReport.aspx.cs" Inherits="ICDAS_3_0_Web_App.ICDAS_3_0.Data_Log_Analysis.MKTAnalysisPdfReport" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <title>User Audit Trail Report</title>

    <style>
        .loader {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: url('/yourimagefolder/loading.gif') 50% 50% no-repeat rgb(249,249,249);
        }

        #dvLoading
        {
            background:#000 url(Images/Processing-Report-Please-Wait.gif) no-repeat center center;
          


        }
    </style>
    <script>
        $(window).load(function () {
            $('#dvLoading').fadeOut(2000);
        });

        function CallButtonClick()
        {
            var h = document.getElementById('hdnPostBack');
            if (h.value == "0") {
                obj = document.getElementById('btnDisplayReport');
                document.getElementById('<%=btnDisplayReport.ClientID%>').click();
            }
            return false;
        }
    </script>

</head>
<body onload="CallButtonClick();">
    <form id="form1" runat="server">
        <asp:HiddenField ID="hdnPostBack" runat="server" Value="0" />
        <div id="dvLoading"></div>
        <asp:Button ID="btnDisplayReport" runat="server" Text="Button" OnClick="btnDisplayReport_Click" style="display:none;"  />
        <div style="width: 100%; height: 100vh;" class="loader">
            <img id="imgProcess" runat="server" alt="Prcessing" visible="true" src="~/Images/Processing-Report-Please-Wait.gif" style="height: auto; margin: 22% 33%" />
            <img id="imgSession" runat="server" alt="Session" visible="false" src="~/Images/conection-expired.png" style="height: auto; margin: 22% 33%" />
            <img id="imgDataSet" runat="server" alt="DataSet Error" visible="false" src="~/Images/no-data.png" style="height: auto; margin: 10% 28%" />
        </div>

    </form>
</body>
</html>
