<%@ page language="C#" autoeventwireup="true" inherits="Pages_MobileView_Default, App_Web_h4xxnsdf" masterpagefile="~/Pages/Common/MasterPages/MobileViewMasterPage.master" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <link href="../../App_Themes/jquery-ui.css" rel="stylesheet" />
    <script src="../../JavaScript/rjs/lib/jquery-ui.min.js"></script>
    <script src="../../JavaScript/rjs/lib/1.11.4-jquery-ui.js"></script>
    <script>
        var CommonOrgGroupBatchId = 0
        $(document).ready(function () {
            AssignPermission();
            GetCommonOrgGroupBatchForFee();
            TransportDashboardDataBind();
        });

        function AssignPermission() {
            $.ajax({
                type: "POST",
                url: "SummariseDashBoard.aspx/AssignPermission",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    var OrgGroupId = "";
                    $.each(obj, function (i, item) {
                        if (item.RoleDashletId == 74 && item.IsCheck == true) {
                            document.getElementById("UserSummaryHead").style.display = "block";
                        }
                        if (item.RoleDashletId == 75 && item.IsCheck == true) {
                            document.getElementById("LibrarySummaryHead").style.display = "block";
                        }
                        if (item.RoleDashletId == 76 && item.IsCheck == true) {
                            document.getElementById("TransportSummary").style.display = "block";
                        }
                    });
                    //GetOrgId();

                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                }
            });
        }
        function GetCommonOrgGroupBatchForFee() {
            $.ajax({
                type: "POST",
                url: "SummariseDashBoard.aspx/GetCommonOrgGroupBatchList",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    // debugger;
                    $("#drpFeeCommonOrgGroupBatch").html(result.d);
                    //$("#drpLibraryCommonOrgGroupBatch").html(result.d);
                    //$("#drpTransportCommonOrgGroupBatch").html(result.d);
                    CommonOrgGroupBatchId = $("#drpFeeCommonOrgGroupBatch").val();
                    //CommonOrgGroupBatchId = $("#drpLibraryCommonOrgGroupBatch").val();
                    //CommonOrgGroupBatchId = $("#drpTransportCommonOrgGroupBatch").val();
                    SecurityDashboardDataBind();
                    LibraryDashboardDataBind();
                    TransportDashboardDataBind();
                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                }
            });
        }

        //function LibraryCommonOrgGroupBatchFunction() {
        //    CommonOrgGroupBatchId = $("#drpLibraryCommonOrgGroupBatch").val();
        //    LibraryDashboardDataBind();
        //}

        //function TransportCommonOrgGroupBatchFunction() {
        //    CommonOrgGroupBatchId = $("#drpTransportCommonOrgGroupBatch").val();
        //    TransportDashboardDataBind();
        //}

        function FeeCommonOrgGroupBatchFunction() {0
            //$("#tblUserSummary").html('');
            CommonOrgGroupBatchId = $("#drpFeeCommonOrgGroupBatch").val();
            SecurityDashboardDataBind();
            LibraryDashboardDataBind();
            TransportDashboardDataBind();
        }
        function SecurityDashboardDataBind() {
            $("#UserSummaryLoader").show();
            $.ajax({
                async: false,
                type: "POST",
                url: "SummariseDashBoard.aspx/SecurityDashboardDataBind",
                // data: JSON.stringify({}),
               // data: JSON.stringify({ "CommonOrgGroupBatchId": parseInt(CommonOrgGroupBatchId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    var tblUserSummary = "";
                    var total = 0;

                    if (obj != "") {
                        tblUserSummary += "<tr><th>Organization Name</th><th>User Count</th></tr>";
                        $.each(obj, function (i, item) {
                            tblUserSummary += "<tr><td>" + item.OrgGroupName + "</td><td><a href='../MobileView/SummariseUserSummaryDashBoard.aspx?OrgId=" + item.OrgGroupId + "&CommonOrgGroupBatchId=" + CommonOrgGroupBatchId + "'>" + item.UserCount + "</a></td></tr>";
                            total += parseInt(item.UserCount);
                        });
                        tblUserSummary += "<tr><td style='font-weight:bold'>Total</td><td style='font-weight:bold'>" + total + "</td></tr>";
                    }
                    else { tblUserSummary += "<tr><td colspan='8' class='record'>No records found..!!</td></tr>"; }
                    document.getElementById("tblUserSummary").innerHTML = tblUserSummary;
                    LibraryDashboardDataBind();
                },
                complete: function () {
                    $("#UserSummaryLoader").hide();
                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                    $("#LoaderDiv1").hide();
                }
            });

        }

        function LibraryDashboardDataBind() {
            $("#LibrarySummaryLoader").show();
            $.ajax({
                async: false,
                type: "POST",
                url: "SummariseDashBoard.aspx/LibraryDashboardDataBind",
                // data: JSON.stringify({}),
                data: JSON.stringify({ "CommonOrgGroupBatchId": parseInt(CommonOrgGroupBatchId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    var tblLibrarySummary = "";
                    var total = 0;

                    if (obj != "") {
                        tblLibrarySummary += "<tr><th>Organization Name</th><th>Book Count</th></tr>";
                        $.each(obj, function (i, item) {
                            tblLibrarySummary += "<tr><td>" + item.Title + "</td><td><a href='../MobileView/SummariseLibrarySummaryDashBoard.aspx?OrgId=" + item.OrgGroupId + "&CommonOrgGroupBatchId=" + CommonOrgGroupBatchId + "'>" + item.Count + "</a></td></tr>";
                            total += parseInt(item.Count);
                        });
                        tblLibrarySummary += "<tr><td style='font-weight:bold'>Total</td><td style='font-weight:bold'>" + total + "</td></tr>";
                    }
                    else { tblLibrarySummary += "<tr><td colspan='8' class='record'>No records found..!!</td></tr>"; }
                    document.getElementById("tblLibrarySummary").innerHTML = tblLibrarySummary;
                    //TransportDashboardDataBind();
                },
                complete: function () {
                    $("#LibrarySummaryLoader").hide();
                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                    $("#LoaderDiv1").hide();
                }
            });

        }

        function TransportDashboardDataBind() {
            $("#TransportSummaryLoader").show();
            $.ajax({
                async: false,
                type: "POST",
                url: "SummariseDashBoard.aspx/TransportDashboardDataBind",
                // data: JSON.stringify({}),
                data: JSON.stringify({ "CommonOrgGroupBatchId": parseInt(CommonOrgGroupBatchId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {           
                    var obj = (result.d);
                    var tblTransportSummary = "";
                    var totalStudent = 0;
                    var totalRoute = 0;
                    debugger;
                    if (obj != "") {
                        tblTransportSummary += "<tr><th>Organization Name</th><th>Student Count</th><th>Route Count</th></tr>";
                        $.each(obj, function (i, item) {

                            tblTransportSummary += "<tr><td><a href='../MobileView/SummariseTransportSummaryDashBoard.aspx?OrgId=" + item.Orgid + "&CommonOrgGroupBatchId=" + CommonOrgGroupBatchId + "'>" + item.OrgName + "</a></td><td>" + item.StudentCount + "</td></td> " +
                                "<td>" + item.RouteCount + "</td></tr>";

                            //tblTransportSummary += "<tr><td>" + item.OrgName + "</td><td><a href='../MobileView/SummariseTransportSummaryDashBoard.aspx?OrgId=" + item.Orgid + "&CommonOrgGroupBatchId=" + CommonOrgGroupBatchId + "'>" + item.StudentCount + "</a></td> " +
                            //    "<td><a href='../MobileView/SummariseUserSummaryDashBoard.aspx?OrgId=" + item.OrgId + "&CommonOrgGroupBatchId=" + CommonOrgGroupBatchId + "'>" + item.RouteCount + "</a></td></tr>";
                            totalStudent += parseInt(item.StudentCount);
                            totalRoute += parseInt(item.RouteCount);
                        });
                        tblTransportSummary += "<tr><td style='font-weight:bold'>Total</td><td style='font-weight:bold'>" + totalStudent + "</td><td style='font-weight:bold'>" + totalRoute + "</td></tr>";
                    }
                    else { tblTransportSummary += "<tr><td colspan='8' class='record'>No records found..!!</td></tr>"; }
                    document.getElementById("tblTransportSummary").innerHTML = tblTransportSummary;
                    //TransportDashboardDataBind();
                },
                complete: function () {
                    $("#TransportSummaryLoader").hide();
                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                    $("#LoaderDiv1").hide();
                }
            });

        }

        function BackOrgFunction() { window.location.href = "../MobileView/DashBoard.aspx"; CurrentBatchGet(); }
        function DashBoard() { window.location.href = "../MobileView/DashBoard.aspx"; }
    </script>
    <asp:UpdatePanel ID="DoctorScheduleUpdatePanel" runat="server">
        <ContentTemplate>

            <div class="page-header row mb20">
                <div class="col-xl-12 col-sm-12 col-xs-12 border-bottom-inline padd-0">
                    <div class="col-md-12 ptb12 d-inline-flex">
                        <span class='btn btn-home btn-icon' onclick='DashBoard()' title='home'><span><i class='material-icons'>home</i></span></span>
                        <div class="d-inline-flex w-100">
                            <label class="header-topic justify-content-center" id="HeaderLabel">Summaries DashBoard</label>
                        </div>
                        <input type="button" value="&#xf3e5;" id="bntBackOrg" onclick="BackOrgFunction()" skinid="0" class="float-right btn btn-back btn-icon fas" />
                    </div>
                    <div class="main-topic inner" id="HeaderTitle">
                    </div>
                </div>
            </div>

            <div class="bg-white row center-block mb4" id="UserSummaryHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <div style="width: 100%; overflow: hidden">

                                <div style="float: left">
                                    <div class="custom-select width-17" style="width: 180%">
                                        <div class='fLeft pRight5'>
                                            <select id='drpFeeCommonOrgGroupBatch' onchange="FeeCommonOrgGroupBatchFunction()">
                                                <option selected="selected" value='0'>Select</option>
                                            </select>
                                        </div>
                                    </div>

                                </div>
                                <div style="float: left; margin-left: 106px">
                                    <img id="FeeStatusLoader" style="display: none; position: relative; left: 16%; top: 1px;" src="../../Images/Loading1.gif" />
                                </div>
                            </div>
                            <h3 class="table-topic">User Summary</h3>
                            <div class="cboth"></div>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblUserSummary' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                            <div class="se-pre-con" id="LoaderDiv1" style="display: none"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bg-white row center-block mb4" id="LibrarySummaryHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <div style="width: 100%; overflow: hidden">

                        <%--        <div style="float: left">
                                    <div class="custom-select width-17" style="width: 180%">
                                        <div class='fLeft pRight5'>
                                            <select id='drpLibraryCommonOrgGroupBatch' onchange="LibraryCommonOrgGroupBatchFunction()">
                                                <option selected="selected" value='0'>Select</option>
                                            </select>
                                        </div>
                                    </div>

                                </div>--%>
                                <div style="float: left; margin-left: 106px">
                                    <img id="LibrarySummaryLoader" style="display: none; position: relative; left: 16%; top: 1px;" src="../../Images/Loading1.gif" />
                                </div>
                            </div>
                            <h3 class="table-topic">Library Summary</h3>
                            <div class="cboth"></div>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblLibrarySummary' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                            <div class="se-pre-con" id="LoaderDiv3" style="display: none"></div>
                        </div>
                    </div>
                </div>
            </div>

            <%--------------------------------------------------- Transport DashBoard------------------------------------------------------%>

            <div class="bg-white row center-block mb4" id="TransportSummary" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <div style="width: 100%; overflow: hidden">
                             <%--   <div style="float: left">
                                    <div class="custom-select width-17" style="width: 180%">
                                        <div class='fLeft pRight5'>
                                            <select id='drpTransportCommonOrgGroupBatch' onchange="TransportCommonOrgGroupBatchFunction()">
                                                <option selected="selected" value='0'>Select</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>--%>
                                <div style="float: left; margin-left: 106px">
                                    <img id="TransportSummaryLoader" style="display: none; position: relative; left: 16%; top: 1px;" src="../../Images/Loading1.gif" />
                                </div>
                            </div>
                            <h3 class="table-topic">Transport Summary</h3>
                            <div class="cboth"></div>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblTransportSummary' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                            <div class="se-pre-con" id="LoaderDiv2" style="display: none"></div>
                        </div>
                    </div>
                </div>
            </div>

            <%-------------------------------------------------------------------------------------------------------------------------%>

            <div class="bg-white row center-block mb4" id="ClassHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Class Wise Student</h3>
                            <%-- <asp:PlaceHolder ID="DepartMentPlaceHolder" runat="server" /> --%>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblClss' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-white row center-block mb4" id="DivisionHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Division Wise Student</h3>
                            <%-- <asp:PlaceHolder ID="DepartMentPlaceHolder" runat="server" /> --%>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblDivision' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-white row center-block mb4" id="StudentHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Student List </h3>
                            <%-- <asp:PlaceHolder ID="DepartMentPlaceHolder" runat="server" /> --%>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblstudent' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-white row center-block mb4" id="ResultDetailHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Overall Result Summary </h3>
                            <div class="cBoth"></div>
                            <div class="custom-select width-17">
                                <div class='fLeft pRight5'>
                                    <select id='drpExam' onchange="ExamFunction()">
                                        <option selected="selected" value='0'>Select</option>
                                    </select>
                                    &nbsp;&nbsp;<img id="ResultSummaryLoader" style="display: none; position: relative; left: 113%; top: -51px;" src="../../Images/Loading1.gif" />
                                </div>
                                <div class="cBoth"></div>
                            </div>
                            <div class="cBoth"></div>

                            <div class='himsBoxContent pTop5'>
                                <div class='table-responsive'>
                                    <br />
                                    <table id='tblResult' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-white row center-block mb4" id="AdmissionCountHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Admission Count Summary</h3>
                            <%-- <div class="cBoth"></div>
                            <div class="custom-select width-17">
                                <div class='fLeft pRight5'>
                                    <select id='drpAdmissionCount' onchange="CommonOrgGroupBatchFunction()">
                                        <option selected="selected" value='0'>Select</option>
                                    </select>
                                    &nbsp;&nbsp;<img id="AdmissionCountLoader" style="display: none; position: relative; left: 113%; top: -51px;" src="../../Images/Loading1.gif" />
                                </div>
                                <div class="cBoth"></div>
                            </div>
                            <div class="cBoth"></div>--%>


                            <div class='himsBoxContent pTop5' style="padding-top: 20px">
                                <div class='table-responsive'>
                                    <table id='tblAdmissionCount' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-white row center-block mb4" id="AdmissionInquiryHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Admission Inquiry Count Summary </h3>

                            <%--<div class="cBoth"></div>
                            <div class="custom-select width-17">
                                <div class='fLeft pRight5'>
                                    <select id='drpAdmissionInquiryCount' onchange="CommonOrgGroupBatchForInquiryFunction()">
                                        <option selected="selected" value='0'>Select</option>
                                    </select>
                                    &nbsp;&nbsp;<img id="AdmissionInquiryCountLoader" style="display: none; position: relative; left: 113%; top: -51px;" src="../../Images/Loading1.gif" />
                                </div>
                                <div class="cBoth"></div>
                            </div>
                            <div class="cBoth"></div>--%>


                            <div class='himsBoxContent pTop5' style="padding-top: 20px">
                                <div class='table-responsive'>
                                    <table id='tblAdmissionInquiry' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-white row center-block mb4" id="TaskDetailHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Task Detailed Summary </h3>
                            <div class="cBoth"></div>
                            <input id="TaskDatePicker" maxlength="10" onchange="TaskDateFunction()" onkeyup="return FormatIt(this);" />
                            &nbsp;&nbsp;<img id="TaskSummaryLoader" style="display: none; position: relative; left: 16%; top: -30px;" src="../../Images/Loading1.gif" />
                            <%--onkeyup="return FormatIt(this);" onblur="return isValidDate2(this);"--%>
                            <div class="cBoth"></div>
                            <div class='himsBoxContent pTop5'>
                                <br />
                                <div class='table-responsive'>
                                    <table id='tblTaskDetail' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-white row center-block mb4" id="StudentAttndGroupWiseDetailHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Student Attendance</h3>
                            <%-- <asp:PlaceHolder ID="DepartMentPlaceHolder" runat="server" /> --%>
                            <div class="cBoth"></div>
                            <input id="StdAttendanceDate" maxlength="10" onchange="DateFunction()" onkeyup="return FormatIt(this);" />
                            &nbsp;&nbsp;<img id="StudentAttndLoader" style="display: none; position: relative; left: 16%; top: -30px;" src="../../Images/Loading1.gif" />
                            <div class="cBoth"></div>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <br />
                                    <table id='tblStudentAttndGroupWiseDetail' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-white row center-block mb4" id="StaffAttndGroupWiseDetailHead" style="display: none">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden" data-toggle="appear">
                        <div class="himssuHeader1WireBox col-md-12 pTop5">
                            <h3 class="table-topic">Staff Attendance</h3>
                            <%-- <asp:PlaceHolder ID="DepartMentPlaceHolder" runat="server" /> --%>
                            <div class="cBoth"></div>
                            <input id="StaffAttendanceDate" maxlength="10" onchange="DateFunctionStaff()" onkeyup="return FormatIt(this);" />
                            &nbsp;&nbsp;<img id="StaffAttndLoader" style="display: none; position: relative; left: 16%; top: -30px;" src="../../Images/Loading1.gif" />
                            <div class="cBoth"></div>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <br />
                                    <table id='tblStaffAttndGroupWiseDetail' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <%--<input type="hidden" id="Departmentid" runat="server" />
                         <input type="hidden" id="ClassHiddenId" runat="server" />
                         <input type="hidden" id="DivisionHiddenId" runat="server" />--%>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <script type="text/javascript">

        $(function () {

            $("#StdAttendanceDate").datepicker({
                dateFormat: 'dd/mm/yy', showOn: "button",
                buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true
            });

            $("#StaffAttendanceDate").datepicker({
                dateFormat: 'dd/mm/yy', showOn: "button",
                buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true
            });

            $("#TaskDatePicker").datepicker({
                dateFormat: 'dd/mm/yy', showOn: "button",
                buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true
            });

            $("#ReceiptStatusFromDatePicker").datepicker({
                dateFormat: 'dd/mm/yy', showOn: "button",
                buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true
            });

            $("#ReceiptStatusToDatePicker").datepicker({
                dateFormat: 'dd/mm/yy', showOn: "button",
                buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
                buttonImageOnly: true
            });


        })
    </script>
</asp:Content>
