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

<%@ Register Src="~/User_Controls/ucPdfHeader.ascx" TagPrefix="uc1" TagName="ucPdfHeader" %>
<!DOCTYPE html>

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

<head runat="server">
    <title>Equipment 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()
        {
            document.getElementById('<%=btnDisplayReport.ClientID%>').click();
            return true;
        }
    </script>

</head>
<body onload="CallButtonClick();">
    <form id="form1" runat="server">
        <%-- <div>
            <uc1:ucPdfHeader runat="server" Visible="false" ID="ucPdfHeader" />
        </div>--%>
        <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>
