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

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <%--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>--%>
    <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <%--<script src="~/App_Themes/mis_db/Java Script/sorttable.js"></script>--%>

    <script type="text/javascript">
        var Count;
        var TransportId;
        var BatchId;
        var Id;
        var idList = [];
        var idCount = 0;
        var NewTransportId;
        var NewBatchId;
        var mySessionVar;
        var R;
        var RR;
        $(document).ready(function () {
            var myurl = window.location.href;
            var keyval = myurl.split('?')[1].split('&');
            OrgId = parseInt(keyval[0].split('=')[1].toString());
            idList = JSON.parse(sessionStorage.getItem("idList"));
            idCount = sessionStorage.getItem("idCount");
            sessionStorage.setItem('idList', JSON.stringify(idList));
            $.ajax({
                type: "POST",
                url: "TransportDashBoard.aspx/GetBatch",
               data: JSON.stringify({ "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    $("#drpBatch").val(0);
                  //  console.log(result.d);
                    mySessionVar = sessionStorage.getItem("BatchIDD");

                    $("#drpBatch").html(result.d);
                    if (mySessionVar == null || mySessionVar == "" || mySessionVar == undefined) {
                        BatchId = $("#drpBatch").val();
                    }
                    else {
                        $("#drpBatch").val(mySessionVar);
                        BatchId = mySessionVar;
                    }
                    //if (idList == undefined || idList.length == 0) {
                    //    NextOrgFunction1();
                    //}
                    // document.getElementById("HeaderTitle").innerHTML = Header;
                   // GetOrgId();
                 TransportDropDownList();
                }
            });
        });
        function TransportDropDownList()
        {
            $.ajax({
            type: "POST",
            url: "TransportDashBoard.aspx/GetTransport",
            data: JSON.stringify({ "OrgGroupId": parseInt(OrgId) }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (result) {
                $("#drpTransport").val(0);
                //  console.log(result.d);
                mySessionVar = sessionStorage.getItem("TransportIDD");

                $("#drpTransport").html(result.d);
                if (mySessionVar == null || mySessionVar == "" || mySessionVar == undefined) {
                    TransportId = $("#drpTransport").val();
                }
                else {
                    $("#drpTransport").val(mySessionVar);
                    TransportId = mySessionVar;
                }
            }
            });
        }
       
        function TransportFunction() {
            TransportId = $("#drpTransport").val();
            sessionStorage.setItem('TransportIDD', TransportId);
            $("#drpTransport").val(TransportId);
            RouteListCountDataBind(TransportId);
        }
        function BatchFunction() {
            BatchId = $("#drpBatch").val();
            sessionStorage.setItem('BatchIDD', BatchId);
            $("#drpBatch").val(BatchId);
            FeeCollectionCountDataBind();
        }
        function RouteListCountDataBind(TransportId) {
            $.ajax({
                type: "POST",
                url: "TransportDashBoard.aspx/RouteListCountDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "TransportId": parseInt(TransportId), "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    var tblRouteList = "";
                    var total = 0;
                    if (obj != "") {
                        tblRouteList += "<tr><th>Route Number</th><th>Bus Route</th><th>Capacity</th><th>No Of Students</th></tr>";
                        $.each(obj, function (i, item) {
                            tblRouteList += "<tr><td><a onclick='PickUpDetailDataBind(" + item.BusRouteId + ")'>" + item.RouteNumber + "</a></td><td>" + item.BusRoute + "</td><td>" + item.Capacity + "</td><td><a onclick='StudentDetailsDataBind(" + item.BusRouteId + "," + TransportId + ")'>" + item.NoOfStudent + "</a></td></tr>";
                            //total += parseInt(item.ReceiptAmount);

                        });

                       // tlbRouteList += "<tr><td style='font-weight:bold'>Total</td><td style='font-weight:bold; text-align:right;'>" + total + "</td></tr>";
                    }
                    else { tblRouteList += "<tr><td colspan='8' class='record'>No records found..!!</td></tr>"; }
                    document.getElementById("tblRouteList").innerHTML = tblRouteList;
                    document.getElementById("RouteListHead").style.display = "block";
                    document.getElementById("PickUpDetailHead").style.display = "none";
                    document.getElementById("StudentDetailHead").style.display = "none";
                }
            });

            //ReceiptEntryCountDataBind();
        }
        function StudentDetailsDataBind(BusRouteId, TransportId) {
            $.ajax({
                type: "POST",
                url: "TransportDashBoard.aspx/StudentDetailsDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "TransportId": parseInt(TransportId), "OrgGroupId": parseInt(OrgId), "BusRouteId": parseInt(BusRouteId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    var tblStudentDetail = "";
                    var total = 0;
                    if (obj != "") {
                        tblStudentDetail += "<tr><th>Organization</th><th>GR. No.</th><th>Name</th><th>Class</th><th>Pick Up Point</th><th>DropPoint</th></tr>";
                        $.each(obj, function (i, item) {
                            tblStudentDetail += "<tr><td>" + item.OrganizationName + "</td><td>" + item.Code + "</td><td>" + item.Name + "</td><td>" + item.Class + "</td><td>" + item.PickUpPoint + "</td><td>" + item.DropPoint + "</td></tr>";
                            //total += parseInt(item.ReceiptAmount);

                        });

                        // tlbRouteList += "<tr><td style='font-weight:bold'>Total</td><td style='font-weight:bold; text-align:right;'>" + total + "</td></tr>";
                    }
                    else { tblStudentDetail += "<tr><td colspan='8' class='record'>No records found..!!</td></tr>"; }
                    document.getElementById("tblStudentDetail").innerHTML = tblStudentDetail;
                    document.getElementById("StudentDetailHead").style.display = "block";
                    document.getElementById("RouteListHead").style.display = "none";
                    document.getElementById("PickUpDetailHead").style.display = "none";
                }
                
            });
           
        }

        function PickUpDetailDataBind(BusRouteId) {
            $.ajax({
                type: "POST",
                url: "TransportDashBoard.aspx/PickUpDetailDataBind",
                data: JSON.stringify({"BusRouteId": parseInt(BusRouteId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    var tblPickUpDetail = "";
                    var total = 0;
                    if (obj != "") {
                        tblPickUpDetail += "<tr><th>BusRoute</th><th>Amount</th><th>Pickup Time</th><th>Drop Time</th></tr>";
                        $.each(obj, function (i, item) {
                            tblPickUpDetail += "<tr><td>" + item.BusRoute + "</td><td>" + item.Amount + "</td><td>" + item.PickupTime + "</td><td>" + item.DropTime + "</td></tr>";
                            //total += parseInt(item.ReceiptAmount);

                        });

                        // tlbRouteList += "<tr><td style='font-weight:bold'>Total</td><td style='font-weight:bold; text-align:right;'>" + total + "</td></tr>";
                    }
                    else { tblPickUpDetail += "<tr><td colspan='8' class='record'>No records found..!!</td></tr>"; }
                    document.getElementById("tblPickUpDetail").innerHTML = tblPickUpDetail;
                    document.getElementById("PickUpDetailHead").style.display = "block";
                    document.getElementById("RouteListHead").style.display = "none";
                    document.getElementById("StudentDetailHead").style.display = "none";
                }

            });

        }
        function CancelReceiptCountDataBind() {
            $.ajax({
                type: "POST",
                url: "FeeDashBoard.aspx/CancelReceiptCountDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    //alert(obj[0].StudentCount);
                    document.getElementById("CancelReceiptCount").innerHTML = parseInt(obj[0].ReceiptAmount);
                }
            });
            CollectionPaytypeFeeCountDataBind();
        }
        function CollectionPaytypeFeeCountDataBind() {
            $.ajax({
                type: "POST",
                url: "FeeDashBoard.aspx/CollectionPaytypeFeeCountDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    document.getElementById("CollectionPaytypeDatCount").innerHTML = obj[0].DailyAmount;
                    document.getElementById("CollectionPaytypeMonthlyCount").innerHTML = obj[0].MonthlyAmount;
                    document.getElementById("CollectionPaytypeYearlyCount").innerHTML = obj[0].YearlyAmount;
                }
            });
            PaytypeReceiptCollectionDataBind();
        }
        function PaytypeReceiptCollectionDataBind() {
            $.ajax({
                type: "POST",
                url: "FeeDashBoard.aspx/PaytypeReceiptCollectionDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    document.getElementById("PaytypeReceiptCollectionDailyCount").innerHTML = obj[0].DailyAmount;
                    document.getElementById("PaytypeReceiptCollectionMonthlyCount").innerHTML = obj[0].MonthlyAmount;
                    document.getElementById("PaytypeReceiptCollectionYearlyCount").innerHTML = obj[0].YearlyAmount;
                }
            });
            ExamptionFeeCountDataBind();
        }
        function ExamptionFeeCountDataBind() {
            $.ajax({
                type: "POST",
                url: "FeeDashBoard.aspx/ExamptionFeeCountDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    document.getElementById("ExamptionFeeCount").innerHTML = parseInt(obj[0].ExamptionAmount);
                }
            });
            AdditionalFeeCountDataBind();
        }
        function AdditionalFeeCountDataBind() {
            $.ajax({
                type: "POST",
                url: "FeeDashBoard.aspx/AdditionalFeeCountDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    //alert(obj[0].StudentCount);
                    document.getElementById("AdditionalFeeCount").innerHTML = parseInt(obj[0].AdditionalAmount);
                }
            });
            NotApplicableFeeCountDataBind();
        }
        function NotApplicableFeeCountDataBind() {
            $.ajax({
                type: "POST",
                url: "FeeDashBoard.aspx/NotApplicableFeeCountDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    //alert(obj[0].StudentCount);
                    document.getElementById("NotApplicableFeeCount").innerHTML = parseInt(obj[0].NotApplicableAmount);
                }
            });
            StudentCountStatusDataBind();
        }
        function StudentCountStatusDataBind() {
            $.ajax({
                type: "POST",
                url: "FeeDashBoard.aspx/StudentCountStatusDataBind",
                data: JSON.stringify({ "BatchId": parseInt(BatchId), "OrgGroupId": parseInt(OrgId) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    var obj = (result.d);
                    var total = 0;

                    $.each(obj, function (i, item) {
                        // tblClassDivision += "<tr><td><a onclick='StudentListDataBind(" + ReceiptBookId + "," + OrgId + "," + item.DivisionId + ",\"" + item.DivisionName + " \")'>" + item.DivisionName + "</a></td><td>" + item.ReceiptAmount + "</td></tr>";
                        total += parseInt(item.FullyPaid + item.FullyUnPaid + item.PartiallyPaid);
                    });
                    document.getElementById("StudentCountStatus").innerHTML = total;
                }
            });
        }

        function FeeCollectionFunction(id) {
            if (id == 1) {
                window.location.href = "../MobileView/FeeCollectionNewDash.aspx?Count=1&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else if (id == 2) {
                window.location.href = "../MobileView/FeeCollectionNewDash.aspx?Count=30&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else if (id == 3) {
                window.location.href = "../MobileView/FeeCollectionNewDash.aspx?Count=365&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else {
                alert('Record Not Found');
            }
        }
        function ReceiptEntryFunction() {
            window.location.href = "../MobileView/ReceiptEntry.aspx?BatchId=" + BatchId + "&OrgId=" + OrgId;
        }
        function CancelReceiptFunction() {
            window.location.href = "../MobileView/CancelReceipt.aspx?BatchId=" + BatchId + "&OrgId=" + OrgId;
        }
        function CollectionPaytypeFunction(id) {
            if (id == 1) {
                window.location.href = "../MobileView/CollectionPaytypeFee.aspx?Count=1&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else if (id == 2) {
                window.location.href = "../MobileView/CollectionPaytypeFee.aspx?Count=30&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else if (id == 3) {
                window.location.href = "../MobileView/CollectionPaytypeFee.aspx?Count=365&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else {
                alert('Record Not Found');
            }
        }
        function PaytypeReceiptCollection(id) {
            if (id == 1) {
                window.location.href = "../MobileView/PaytypeReceiptCollection.aspx?Count=1&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else if (id == 2) {
                window.location.href = "../MobileView/PaytypeReceiptCollection.aspx?Count=30&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else if (id == 3) {
                window.location.href = "../MobileView/PaytypeReceiptCollection.aspx?Count=365&BatchId=" + BatchId + "&OrgId=" + OrgId;
            }
            else {
                alert('Record Not Found');
            }
        }
        function ExamptionFeeFunction() {
            window.location.href = "../MobileView/ExamptionFee.aspx?BatchId=" + BatchId + "&OrgId=" + OrgId;
        }

        function AdditionalFeeFunction() {
            window.location.href = "../MobileView/AdditionalFee.aspx?BatchId=" + BatchId + "&OrgId=" + OrgId;
        }

        function NotApplicableFeeFunction() {
            window.location.href = "../MobileView/NotApplicableFee.aspx?BatchId=" + BatchId + "&OrgId=" + OrgId;
        }
        function StudentCountStatusFunction() {
            window.location.href = "../MobileView/StudentCountStatus.aspx?BatchId=" + BatchId + "&OrgId=" + OrgId;
        }

        function BackOrgFunction() {
            sessionStorage.removeItem('idList');
            sessionStorage.removeItem('idCount');
            sessionStorage.removeItem('TransportIDD');
            sessionStorage.removeItem('BatchIDD');
            window.location.href = "../MobileView/TransportEISDashBoard.aspx";
        }

        function DashBoard() {
            sessionStorage.removeItem('idList');
            sessionStorage.removeItem('idCount');
            window.location.href = "../MobileView/DashBoard.aspx";
        }

        //function PrvOrgFunction() {

        //    if (idCount > 0) {
        //        idCount--;
        //        sessionStorage.setItem('idCount', idCount);
        //        sessionStorage.removeItem("BatchIDD");
        //        window.location.href = "../MobileView/FeeDashBoard.aspx?OrgId=" + idList[idCount] + "";
        //    }
        //    else {
        //        idCount = 0;
        //        sessionStorage.setItem('idCount', idCount);
        //        sessionStorage.removeItem("BatchIDD");
        //        window.location.href = "../MobileView/FeeDashBoard.aspx?OrgId=" + idList[idCount] + "";
        //    }

        //}

        //function NextOrgFunction() {

        //    if (idCount < (idList.length - 1)) {
        //        idCount++;
        //        sessionStorage.setItem('idCount', idCount);
        //        sessionStorage.removeItem("BatchIDD");
        //        window.location.href = "../MobileView/FeeDashBoard.aspx?OrgId=" + idList[idCount] + "";

        //    }
        //    else {
        //        idCount = 0;
        //        sessionStorage.setItem('idCount', idCount);
        //        sessionStorage.removeItem("BatchIDD");
        //        window.location.href = "../MobileView/FeeDashBoard.aspx?OrgId=" + idList[idCount] + "";
        //    }
        //}
        //function NextOrgFunction1() {
        //    sessionStorage.removeItem('idList');
        //    sessionStorage.removeItem('idCount');

        //    $.ajax({
        //        type: "POST",
        //        url: "FeeDashBoard.aspx/GetOrgData",
        //        contentType: "application/json; charset=utf-8",
        //        data: JSON.stringify({ "Id": OrgId }),
        //        dataType: "json",
        //        success: function (result) {
        //            idList = [];
        //            idCount = 0;
        //            var obj = (result.d);
        //            var SchoolList = ""; BatchFunction()
        //            var k = 0;
        //            if (obj != "") {
        //                $.each(obj, function (i, item) {
        //                    idList.push(item.Id);

        //                });
        //                sessionStorage.setItem('idList', JSON.stringify(idList));
        //                sessionStorage.setItem('idCount', idCount);
        //            }
        //        }
        //    });
        //}
    </script>
    <asp:UpdatePanel ID="DoctorScheduleUpdatePanel" runat="server">
        <ContentTemplate>
            <div class="col-md-12 ptb12">
                <span class='btn btn-home btn-icon' onclick='DashBoard()' title='home'><span><i class='material-icons'>home</i></span></span>
                <span class="xs-float float-right">
                    <input type="button" value="&#xf0d9; Previous" id="btnPrev" onclick="PrvOrgFunction()" skinid="0" class="btn btn-prev fas" />
                    <input type="button" value="Next &#xf0da;" id="btnNext" onclick="NextOrgFunction()" skinid="0" class="btn btn-next fas" />
                </span>
                <div class="top-btn">
                    <div class="custom-select">
                        <div class='fLeft pRight5'>
                            <select id='drpTransport' onchange="TransportFunction()">
                                <option selected="selected" value='0'>Select</option>
                            </select>
                        </div>
                        <%--<asp:DropDownList ID="BatchDropDownList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="BatchDropDownList_SelectedIndexChanged" />--%>
                        <%--<asp:PlaceHolder ID="DropDownBatchPlaceHolder" runat="server" />--%>
                        <%--     <button class="mui-btn mui-btn--primary" data-mui-toggle="dropdown"> 
                             <span class="mui-caret"></span>
                        </button>
                        Dropdown--%>
                    </div>
                     <div class="custom-select">
                        <div class='fLeft pRight5'>
                            <select id='drpBatch' onchange="BatchFunction()">
                                <option selected="selected" value='0'>Select</option>
                            </select>
                        </div>
                    </div>
                    <input type="button" value="&#xf30a; Back" id="bntBackOrg" onclick="BackOrgFunction()" skinid="0" class="btn btn-back fas" />
                </div>
            </div>
            <div class="page-header mb37">
                <div class="col-xl-12 col-sm-12 col-xs-12 border-bottom-inline xs-padd0">
                    <div class="main-topic inner" id="HeaderTitle">
                    </div>
                    <div class="misbtn">
                        <button id="btnMIS" class="btn bg-white-outline btn-icon exdb" onclick="MISDashboar()" style="display: none"><i class="ti-dashboard"></i>&nbsp;MIS</button>
                    </div>
                </div>
            </div>
            <div class="bg-body-dark row center-block">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn" data-toggle="appear">
                        <div class="tab row">
                            <div class="block row arrow-up">
                          <div class="himssuHeader1WireBox col-md-12 pTop5" id="RouteListHead" style="display: none">
                            <h3 class="table-topic">Route List</h3>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblRouteList' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                           </div>
                                      <div class="himssuHeader1WireBox col-md-12 pTop5" id="StudentDetailHead" style="display: none">
                            <h3 class="table-topic">Student Detail</h3>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblStudentDetail' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                           </div>
                        <div class="himssuHeader1WireBox col-md-12 pTop5" id="PickUpDetailHead" style="display: none">
                            <h3 class="table-topic">Pick Up Detail</h3>
                            <div class='himsBoxContent'>
                                <div class='table-responsive'>
                                    <table id='tblPickUpDetail' class='table table-striped table-bordered'>
                                    </table>
                                </div>
                            </div>
                           </div>

                               <%-- <div class="col-xl-3 col-sm-6 col-xs-12 " id="ReceiptEntry">
                                    <div class="card  pull-up">
                                        <div class="card-body">
                                            <a onclick="ReceiptEntryFunction()">
                                                <h5 class="card-title text-capitalize">Route List<i class="ti-arrow-right text-anchor float-right"></i></h5>

                                                <div class="tab-content">
                                                    <div class="tab-pane active">
                                                        <div class="d-flex align-items-center no-block m-t-51">
                                                            <h1 class="pl8"><i class='fas fa-edit text-grey'></i></h1>
                                                            <div class="ml-auto">
                                                                <h1 id="RouteListCount"></h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-xs-12 " id="CancelReceiptBlog">
                                    <div class="card  pull-up">
                                        <div class="card-body">
                                            <a onclick="CancelReceiptFunction()">
                                                <h5 class="card-title text-capitalize">Cancel Receipt<i class="ti-arrow-right text-anchor float-right"></i></h5>

                                                <div class="tab-content">
                                                    <div class="tab-pane active">
                                                        <div class="d-flex align-items-center no-block m-t-51">
                                                            <h1 class="pl8"><i class='fas fa-times-circle text-warning'></i></h1>
                                                            <div class="ml-auto">
                                                                <h1 id="CancelReceiptCount"></h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-xs-12 " id="CollectionPaytypeBlog">
                                    <div class="card  pull-up">
                                        <div class="card-body">
                                            <h5 class="card-title text-capitalize">Collection Paytype Fee<i class="ti-arrow-right text-anchor float-right"></i></h5>
                                            <ul class="nav nav-pills">
                                                <li class="nav-item">
                                                    <a class="nav-link active" id="pills-4-tab" data-toggle="pill" href="#pills-4" role="tab">Today</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="pills-5-tab" data-toggle="pill" href="#pills-5" role="tab">Month</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="pills-6-tab" data-toggle="pill" href="#pills-6" role="tab">Year</a>
                                                </li>
                                            </ul>
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="pills-4" onclick="CollectionPaytypeFunction(1)">
                                                    <div class="d-flex align-items-center no-block m-t-20">
                                                        <h1 class="pl8"><i class="fas fa-grip-horizontal text-yellow"></i></h1>
                                                        <div class="ml-auto">
                                                            <h1 id="CollectionPaytypeDatCount"></h1>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="pills-5" onclick="CollectionPaytypeFunction(2)">
                                                    <div class="d-flex align-items-center no-block m-t-20">
                                                        <h1 class="pl8"><i class="fas fa-grip-horizontal text-yellow"></i></h1>
                                                        <div class="ml-auto">
                                                            <h1 id="CollectionPaytypeMonthlyCount"></h1>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="pills-6">
                                                    <div class="d-flex align-items-center no-block m-t-20" onclick="CollectionPaytypeFunction(3)">
                                                        <h1 class="pl8"><i class="fas fa-grip-horizontal text-yellow"></i></h1>
                                                        <div class="ml-auto">
                                                            <h1 id="CollectionPaytypeYearlyCount"></h1>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 col-sm-6 col-xs-12 " id="PaytypeReceiptCollectionBlog">
                                    <div class="card  pull-up">
                                        <div class="card-body">
                                            <h5 class="card-title text-capitalize">Paytype Receipt Collection
                                                      <a class="float-right" href="#"><i class="ti-arrow-right text-anchor"></i></a>
                                            </h5>
                                            <ul class="nav nav-pills">
                                                <li class="nav-item">
                                                    <a class="nav-link active" id="pills-7-tab" data-toggle="pill" href="#pills-7" role="tab">Today</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="pills-8-tab" data-toggle="pill" href="#pills-8" role="tab">Month</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="pills-9-tab" data-toggle="pill" href="#pills-9" role="tab">Year</a>
                                                </li>
                                            </ul>
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="pills-7" onclick="PaytypeReceiptCollection(1)">
                                                    <div class="d-flex align-items-center no-block m-t-20">
                                                        <h1 class="pl8"><i class='fas fa-receipt text-purple'></i></h1>
                                                        <div class="ml-auto">
                                                            <h1 id="PaytypeReceiptCollectionDailyCount"></h1>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="pills-8" onclick="PaytypeReceiptCollection(2)">
                                                    <div class="d-flex align-items-center no-block m-t-20">
                                                        <h1 class="pl8"><i class='fas fa-receipt text-purple'></i></h1>
                                                        <div class="ml-auto">
                                                            <h1 id="PaytypeReceiptCollectionMonthlyCount"></h1>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="pills-9" onclick="PaytypeReceiptCollection(3)">
                                                    <div class="d-flex align-items-center no-block m-t-20">
                                                        <h1 class="pl8"><i class='fas fa-receipt text-purple'></i></h1>
                                                        <div class="ml-auto">
                                                            <h1 id="PaytypeReceiptCollectionYearlyCount"></h1>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-xs-12 " id="ExamptionFeeBlog">
                                    <div class="card  pull-up">
                                        <div class="card-body">
                                            <a onclick="ExamptionFeeFunction()">
                                                <h5 class="card-title text-capitalize">Exemption Fee<i class="ti-arrow-right text-anchor float-right"></i></h5>

                                                <div class="tab-content">
                                                    <div class="tab-pane active">
                                                        <div class="d-flex align-items-center no-block m-t-51">
                                                            <h1 class="pl8"><i class='fas fa-coins text-info'></i></h1>
                                                            <div class="ml-auto">
                                                                <h1 id="ExamptionFeeCount"></h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 col-sm-6 col-xs-12 " id="AdditionalFeeBlog">
                                    <div class="card  pull-up">
                                        <div class="card-body">
                                            <a onclick="AdditionalFeeFunction()">
                                                <h5 class="card-title text-capitalize">Additional Fee<i class="ti-arrow-right text-anchor float-right"></i></h5>

                                                <div class="tab-content">
                                                    <div class="tab-pane active">
                                                        <div class="d-flex align-items-center no-block m-t-51">
                                                            <h1 class="pl8"><i class='fas fa-plus-circle text-success'></i></h1>
                                                            <div class="ml-auto">
                                                                <h1 id="AdditionalFeeCount"></h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-xs-12 " id="NotApplicableFeeBlog">
                                    <div class="card  pull-up">
                                        <div class="card-body">
                                            <a onclick="NotApplicableFeeFunction()">
                                                <h5 class="card-title text-capitalize">Not Applicable Fee<i class="ti-arrow-right text-anchor float-right"></i></h5>

                                                <div class="tab-content">
                                                    <div class="tab-pane active">
                                                        <div class="d-flex align-items-center no-block m-t-51">
                                                            <h1 class="pl8"><i class='fas fa-ban text-danger'></i></h1>
                                                            <div class="ml-auto">
                                                                <h1 id="NotApplicableFeeCount"></h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 col-sm-6 col-xs-12 " id="StudentCountStatusBlog">
                                    <div class="card  pull-up">
                                        <div class="card-body">
                                            <a onclick="StudentCountStatusFunction()">
                                                <h5 class="card-title text-capitalize">Student Count Status<i class="ti-arrow-right text-anchor float-right"></i></h5>

                                                <div class="tab-content">
                                                    <div class="tab-pane active">
                                                        <div class="d-flex align-items-center no-block m-t-51">
                                                            <h1 class="pl8"><i class='far fa-chart-bar text-pink'></i></h1>
                                                            <div class="ml-auto">
                                                                <h1 id="StudentCountStatus"></h1>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>--%>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                function openNav() {
                    document.getElementById("mySidenav").style.width = "344px";
                }

                function closeNav() {
                    document.getElementById("mySidenav").style.width = "0";
                }
            </script>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
