<%@ page title="Student" language="C#" masterpagefile="~/Pages/Common/MasterPages/DialogMasterPage_new.master" autoeventwireup="true" inherits="Pages_StudentManagement_Student360View, App_Web_wcc3110r" uiculture="auto" meta:resourcekey="PageResource1" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>
<%@ Register Src="~/UserControls/Common/CommonSearch/CommonSearch.ascx" TagName="CommonSearchUserControl" TagPrefix="Common" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="DPC" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <style type="text/css">
        .fieldlabel1 {
            font-weight: 500;
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
        }

        .icon active {
            background-color: cornflowerblue;
        }
        /*Added form mantis : 33824 by Nilesh*/
        .skin-blue table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-black table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-purple table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-red table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-yellow table#Atddiv thead tr, .skin-blue table thead tr th {
            color: black !important;
        }


        .skin-blue .table.table-bordered tbody tr:first-child,
        .skin-black .table.table-bordered tbody tr:first-child,
        .skin-purple .table.table-bordered tbody tr:first-child,
        .skin-red .table.table-bordered tbody tr:first-child,
        .skin-yellow .table.table-bordered tbody tr:first-child,
        .skin-darkblack .table.table-bordered tbody tr:first-child,
        .skin-leafgreen .table.table-bordered tbody tr:first-child,
        .skin-orangebold .table.table-bordered tbody tr:first-child,
        .skin-navyblue .table.table-bordered tbody tr:first-child,
        .skin-babypink .table.table-bordered tbody tr:first-child {
            background: transparent !important;
            color: #fff !important;
        }

        .table.table-bordered tbody tr:first-child th,
        .table-bordered > thead > tr > th,
        table.table-bordered tr:first-child td {
            color: unset !important;
            font-weight: 500;
        }

        .ajax__tab_default .ajax__tab_outer {
            display: -moz-inline-box;
            display: inline-grid;
            width: 11.1%;
            text-align: center;
        }

        .tabs-style-iconbox .tabs-style-iconboxinner .fancyTab a {
            background-color: transparent;
            color: #8898eb;
            font-size: 15px !important;
            font-weight: 500;
            height: 90px;
            line-height: 36px;
            padding: 0 22px 0 17px !important;
        }

        .ajax__tab_default .ajax__tab_outer {
            display: -moz-inline-box;
            display: inline-grid;
            width: 100%;
            text-align: center;
        }

        .tabs-style-iconbox .ajax__tab_header {
            text-align: left;
            padding: 0;
            height: 43px;
            z-index: 9;
            position: relative;
            height: auto !important;
            background: #fff;
            display: flex;
            justify-content: space-evenly;
            flex-wrap: wrap;
        }
    </style>
    <!-- Compiled and minified CSS -->

    <link href="../../App_Themes/newTheme/css/profile-stu/profile.css" rel="stylesheet" />
    <asp:UpdatePanel ID="HREmployeeMasterSearchUpdatePanel" runat="server">
        <ContentTemplate>
            <%--<div class="hls-bg"></div>
            <div id="dvMainLoadingmsg" class="hls-wrap">
                <div class="hls-container">
                    <div class="hls-content">
                        <div class="dsh-syndicate white-popup" style="display: inline-block; width: 119%; height: 150px">
                            <div class="shippingcard" style="text-align: center; vertical-align: top; width: 100%;">
                                <span id="spnmain1msg">Loading Details</span><br>
                                <span style="line-height: 2;" id="spnmain2msg"><b>Please Wait ...</b></span><br>
                                <span id="spnloadingimgmain">
                                    <!--<img src="../../../Images/Loading1.gif" />-->
                                    <img src="../../Images/Loading1.gif" />
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>--%>
            <div id="divContentPage">
                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                        <table>
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="102"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="whiteboxpaddingleft row">
                    <div class="himssuHeader1WireBox">
                        <div class="himsBoxHeader card-head">
                            <div class="leftdiv">
                            </div>
                            <div class="himsBoxTitle">
                                <div class="headerText">
                                    <header>
                                        <i class="fal fa-info-circle"></i>
                                        <asp:Label ID="Label7" runat="server" Text="Student Profile In Detail"></asp:Label>
                                    </header>
                                </div>
                            </div>
                            <div class="fRight mt-27">
                                <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                    CssClass="btn btn-back fas" Text="&#xf30a; Back" Visible="false" />
                            </div>
                        </div>
                        <div class="kt-portlet__head-toolbar1 col-lg-4 col-md-6 col-sm-6">
                            <div class="display-flex col-md-6">
                                <label>
                                    For Class
                                </label>
                                <select id="ClassDropdown" class="select">
                                    <%--<option>efhfuhuh</option>--%>
                                </select>

                            </div>

                        </div>
                        <div class="himsBoxContent card-body padd-0">

                            <div class="contentHolder">
                                <div class="profile-banner-top">
                                    <div class="profile-banner-top-left">
                                        <div class="profilediv">
                                            <image id="StudentPhotoImg"
                                                class="studentprofile studentviewimg" />
                                        </div>
                                        <div class="profile-info">
                                            <h2>
                                                <%--    Name : &nbsp; --%>
                                                <label id="NameLabel"></label>
                                            </h2>
                                            <p>
                                                <span id="SUIdSpan">
                                                    <span class="text-muted">SU Id :&nbsp;</span>
                                                    <label id="SUIDLabel"></label>
                                                    &nbsp;
                                                </span>
                                                <span class="text-muted">Id No : &nbsp; </span>
                                                <label id="CodeLabel"></label>
                                            </p>
                                            <div class="mt16">
                                                <ul class="title-list">
                                                    <li>
                                                        <span class="title">Year</span>
                                                        <span class="title-name">
                                                            <label id="BatchNameLabel"></label>
                                                        </span>

                                                    </li>
                                                    <li>
                                                        <span class="title">Class-Div</span>
                                                        <span class="title-name">
                                                            <label id="ClassDivisionLabel"></label>
                                                        </span>

                                                    </li>
                                                    <li>
                                                        <span class="title">Roll No.</span>
                                                        <span class="title-name">
                                                            <label id="RollNoLabel"></label>
                                                        </span>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="profile-banner-top-center" style="display: none">
                                        <div class="chart">
                                            <div class="chart-body">
                                                <h4 class="card-title">Attendance</h4>
                                                <div>
                                                    <!-- column -->
                                                    <div class="col-md-12">
                                                        <canvas id="chart-area" height="150"></canvas>
                                                    </div>
                                                    <!-- column -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="profile-banner-top-right" style="display: none">
                                        <div class="chart">
                                            <div class="chart-body">
                                                <h4 class="card-title">Attendance</h4>
                                                <div>
                                                    <!-- column -->
                                                    <div class="w100">
                                                        <div id="kt_amcharts_6" style="height: 191px; width: 66vh"></div>
                                                    </div>
                                                    <!-- column -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tableContainer col-md-12">

                                <ajaxToolkit:TabContainer ID="HostelMasterTabContainer" runat="server"
                                    CssClass="ajax__myTab nav nav-tabs tabs-style-iconbox"
                                    meta:resourcekey="HostelMasterTabContainerResource1" ActiveTabIndex="0">

                                    <%--student detail--%>
                                    <ajaxToolkit:TabPanel ID="StudentDetails" runat="server" HeaderText="Student Details">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                                <li class="fancyTab">
                                                    <a onclick="getstudentDetail();"><i class="flaticon-student"></i>Student Details
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>

                                            <%-- Class Teacher detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="TeacherDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Class Teacher Details
                                                        </h3>
                                                    </div>

                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
                                                                <image id="TeacherPhotoImg" class="studentprofile studentviewimg" />
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Name &nbsp;</h6>
                                                                    <p id="TeacherFullNameLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Designation &nbsp;</h6>
                                                                    <p id="TeacherDesignationLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Qualification &nbsp;</h6>
                                                                    <p id="TeacherQualificationLabel"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Class Teacher detail --%>

                                            <%-- Admission detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Admission Details
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-right" role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#Admisson-detail" role="tab" aria-selected="false">Admission 
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#Left-detail" role="tab" aria-selected="false">Left Details
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link " data-toggle="tab" href="#College-detail" role="tab" aria-selected="true">College Admission
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active" id="Admisson-detail" role="tabpanel">
                                                            <div id="AdmissonDetailDiv">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Admission Standard</h6>
                                                                        <p id="AdmissionStandardLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Admission Date</h6>
                                                                        <p id="AdmissionDateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Previous School &nbsp;</h6>
                                                                        <p id="PreviousSchoolLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Student Category &nbsp;</h6>
                                                                        <p id="StudentCategoryLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Previous Class &nbsp;</h6>
                                                                        <p id="PreviousStandardLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="tab-pane" id="Left-detail" role="tabpanel">
                                                            <div id="LeftDetailDiv">


                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">InActive Date</h6>
                                                                        <p id="InactiveDateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Left Date</h6>
                                                                        <p id="LeftDateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Left Standard &nbsp;</h6>
                                                                        <p id="LeftStandardLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">LC Number &nbsp;</h6>
                                                                        <p id="LcNumberLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">LC Date &nbsp;</h6>
                                                                        <p id="LcDateLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="College-detail" role="tabpanel">
                                                            <div id="CollegeAdmissonDetailDiv">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Transfer</h6>
                                                                        <p id="IsTransferLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Transfer From</h6>
                                                                        <p id="TransferFromLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Certificate Name</h6>
                                                                        <p id="IsCertificateHolderLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Certificate Holder</h6>
                                                                        <p id="IsCertificateHolderCheckBox"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">TFWS</h6>
                                                                        <p id="IsTFWSLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Marital Status</h6>
                                                                        <p id="MaritalStatusLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Admission detail --%>

                                            <%-- Demographic detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Demographic Details
                                                        </h3>
                                                    </div>

                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Date Of Birth</h6>
                                                                    <p id="DateOfBirthLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">In Words</h6>
                                                                    <p id="BirthDateInWordLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Birth Place</h6>
                                                                    <p id="BirthPlaceLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">District</h6>
                                                                    <p id="BirthDistrictLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Gender</h6>
                                                                    <p id="GenderLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Religion</h6>
                                                                    <p id="ReligionLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Family Caste</h6>
                                                                    <p id="FamilyCasteLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Caste Category</h6>
                                                                    <p id="CategoryLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Mother Tongue </h6>
                                                                    <p id="MotherTongueLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Nationality</h6>
                                                                    <p id="NationalityLabel"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Demographic detail --%>

                                            <%-- Communication detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Communication
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-right" role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#contact" role="tab" aria-selected="false">Contact Details
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#Present-address" role="tab" aria-selected="false">Present Address  
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link " data-toggle="tab" href="#Emergency-address" role="tab" aria-selected="true">Emergency Address 
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link " data-toggle="tab" href="#Permanent-address" role="tab" aria-selected="true">Permanent Address
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active" id="contact" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Primary Email</h6>
                                                                        <p id="ParentEmailLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Primary SMS</h6>
                                                                        <p id="ParentContactNoLabel"></p>
                                                                        <p id="WhatsappContactNoLabel" style="display: none"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Student Email</h6>
                                                                        <p id="StudentEmailLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Student SMS</h6>
                                                                        <p id="StudentContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">WhatsApp Contact No</h6>
                                                                        <p id="WhatsappContactNumberLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Present-address" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Address</h6>
                                                                        <p id="PresentAddressLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">City</h6>
                                                                        <p id="PresentCityLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">State</h6>
                                                                        <p id="PresentStateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Pin Code</h6>
                                                                        <p id="PresentZipCodeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No.</h6>
                                                                        <p id="PresentContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Emergency-address" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Address</h6>
                                                                        <p id="EmergencyAddressLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">City</h6>
                                                                        <p id="EmergencyCityLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">State</h6>
                                                                        <p id="EmergencyStateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Pin Code</h6>
                                                                        <p id="EmergencyZipCodeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No.</h6>
                                                                        <p id="EmergencyContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Permanent-address" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Address</h6>
                                                                        <p id="PermanentAddressLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">City</h6>
                                                                        <p id="PermanentCityLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">State</h6>
                                                                        <p id="PermanentStateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Pin Code </h6>
                                                                        <p id="PermanentZipCodeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No.</h6>
                                                                        <p id="PermanentContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Communication detail --%>

                                            <%-- Other detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="OtherDetailDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Other Details
                                                        </h3>
                                                    </div>

                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">House </h6>
                                                                    <p id="HouseLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Club </h6>
                                                                    <p id="ClubLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Student Group </h6>
                                                                    <p id="StudentGroupLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Student Other Group </h6>
                                                                    <p id="StudentOtherGroupLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Custom Tag </h6>
                                                                    <p id="CustomTagLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Custom Group </h6>
                                                                    <p id="CustomGroupLabel"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Other detail --%>

                                            <%-- transport detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="TransportDetailDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Transport Details 
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-right" role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#Pickup-detail" role="tab" aria-selected="false">Pickup Details
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#Drop-detail" role="tab" aria-selected="false">Drop Details
                                                                </a>
                                                            </li>

                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active" id="Pickup-detail" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Pickup Route</h6>
                                                                        <p id="BusRouteLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Pickup Point</h6>
                                                                        <p id="Label24"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Vehicle Name</h6>
                                                                        <p id="Label33"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Vehicle Registration Number</h6>
                                                                        <p id="Label34"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Type Of Vehicle</h6>
                                                                        <p id="Label35"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Driver Name</h6>
                                                                        <p id="BusRouteDestinationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Driver Mobile No</h6>
                                                                        <p id="Label21"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Conductor Name</h6>
                                                                        <p id="Label22"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Conductor Mobile No</h6>
                                                                        <p id="Label23"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="tab-pane" id="Drop-detail" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Drop Route</h6>
                                                                        <p id="Label25"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Drop Point</h6>
                                                                        <p id="Label30"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Vehicle Name</h6>
                                                                        <p id="Label36"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Vehicle Registration Number</h6>
                                                                        <p id="Label37"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Type Of Vehicle</h6>
                                                                        <p id="Label38"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Driver Name</h6>
                                                                        <p id="Label26"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Driver Mobile No</h6>
                                                                        <p id="Label27"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Conductor Name</h6>
                                                                        <p id="Label28"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Conductor Mobile No</h6>
                                                                        <p id="Label29"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <%-- transport detail --%>

                                            <%-- family detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="FamilyDetailDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Family Information
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-right" role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#Father-detail" role="tab" aria-selected="false">Father Detail 
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#Mother-detail" role="tab" aria-selected="false">Mother Detail
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link " data-toggle="tab" href="#Relative-detail" role="tab" aria-selected="true">Relative Detail
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active" id="Father-detail" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
                                                                    <image id="FatherPhotoImg" class="studentprofile studentviewimg" />
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Name</h6>
                                                                        <p id="FatherNameLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Qualification</h6>
                                                                        <p id="FatherQualificationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Occupation</h6>
                                                                        <p id="FatherOccupationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Designation</h6>
                                                                        <p id="FatherDesignationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Organization</h6>
                                                                        <p id="FatherOrganizationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No</h6>
                                                                        <p id="FatherContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Email</h6>
                                                                        <p id="FatherMailLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Office Address</h6>
                                                                        <p id="FatherOfficeAddressLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="tab-pane" id="Mother-detail" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <image id="MotherPhotoImg" class="studentprofile studentviewimg" />
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Name</h6>
                                                                        <p id="Label5"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Qualification</h6>
                                                                        <p id="Label8"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Occupation</h6>
                                                                        <p id="Label9"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Designation</h6>
                                                                        <p id="MotherDesignationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Organization</h6>
                                                                        <p id="MotherOrganizationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No</h6>
                                                                        <p id="Label10"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Email</h6>
                                                                        <p id="Label11"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Office Address</h6>
                                                                        <p id="Label12"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Relative-detail" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <image id="RelativePhotoImg" class="studentprofile studentviewimg" />
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Relationship</h6>
                                                                        <p id="RelationshipLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Name</h6>
                                                                        <p id="RelativeNameLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Qualification</h6>
                                                                        <p id="RelativeQualificationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Occupation</h6>
                                                                        <p id="RelativeOccupationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Designation</h6>
                                                                        <p id="RelativeDesignationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Organization</h6>
                                                                        <p id="RelativeOrganizationLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No</h6>
                                                                        <p id="RelativeContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Email</h6>
                                                                        <p id="RelativeMailLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Office Address</h6>
                                                                        <p id="RelativeOfficeAddressLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- family detail --%>

                                            <%-- siblings detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="SiblingDetailDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Sibling Detail
                                                        </h3>
                                                    </div>

                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-12 mb-2 table-responsive">
                                                                <table class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>

                                                                                <asp:Label ID="Label3" runat="server" Text="Sibling Name" />

                                                                            </th>
                                                                            <th>

                                                                                <asp:Label ID="Label4" runat="server" Text="Sibling Institute" />
                                                                            </th>
                                                                            <th>

                                                                                <asp:Label ID="Label6" runat="server" Text="Sibling Class" />
                                                                            </th>
                                                                            <th>

                                                                                <asp:Label ID="Label13" runat="server" Text="Sibling Age" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="Label14" runat="server" Text="Sibling Relation" />
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        <tr>
                                                                            <td>
                                                                                <label id="SiblingName1Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingInstitue1Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingClass1Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingAge1Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingRelation1Label" />

                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>
                                                                                <label id="SiblingName2Label" />


                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingInstitue2Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingClass2Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingAge2Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingRelation2Label" />

                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>
                                                                                <label id="SiblingName3Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingInstitue3Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingClass3Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingAge3Label" />

                                                                            </td>
                                                                            <td>
                                                                                <label id="SiblingRelation3Label" />

                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>
                                                                <div id="studentsibling">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- siblings detail --%>

                                            <%-- Health detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="HealthDetailDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Health Information
                                                        </h3>
                                                    </div>

                                                </div>
                                                <div class="kt-portlet__body" style="border-bottom: 1px solid #ebedf2; padding-bottom: 0px;">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Blood Group </h6>
                                                                    <p id="BloodGroupLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Identification Marks </h6>
                                                                    <p id="IdentificationLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Family Doctor</h6>
                                                                    <p id="FamilyDoctorNameLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Contact No. </h6>
                                                                    <p id="FamilyDoctorContactNoLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Physical Deformity</h6>
                                                                    <p id="IsPysicalDeformityLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Deformity Remarks</h6>
                                                                    <p id="PysicalDeformityRemarkLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Major Illness</h6>
                                                                    <p id="IsMajorIllnessLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Illness Remarks</h6>
                                                                    <p id="MajorIllnessRemarkLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Allergy</h6>
                                                                    <p id="IsAllergyLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Allergy Remarks</h6>
                                                                    <p id="AllergyRemarkLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Past History</h6>
                                                                    <p id="IsPastHistoryLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">History Remarks</h6>
                                                                    <p id="PastHistoryRemarkLabel"></p>
                                                                </div>
                                                            </div>


                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="">
                                                            <div class="row mx-0">

                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Height</h6>
                                                                        <p id="HeightInCmLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Weight</h6>
                                                                        <p id="WeightInKgLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>


                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Dental</h6>
                                                                    <p id="DentalLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Nails</h6>
                                                                    <p id="NailsLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Hair</h6>
                                                                    <p id="HairLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Skin</h6>
                                                                    <p id="SkinLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Ear</h6>
                                                                    <p id="EarLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Nose</h6>
                                                                    <p id="NoseLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Throat</h6>
                                                                    <p id="ThroatLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Nervous</h6>
                                                                    <p id="NervousLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Respiratory</h6>
                                                                    <p id="RespiratoryLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Eye</h6>
                                                                    <p id="EyeLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Cardiovascular</h6>
                                                                    <p id="CardiovascularLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Other</h6>
                                                                    <p id="OtherLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Important-Findings</h6>
                                                                    <p id="ImportantFindingLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Remark</h6>
                                                                    <p id="RemarkLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Followup-Detail</h6>
                                                                    <p id="FollowupDetailLabel"></p>
                                                                </div>
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Health detail --%>

                                            <%-- Hostel detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="HostelDetailsDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Hostel Details
                                                        </h3>
                                                    </div>

                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Hostel </h6>
                                                                    <p id="HostelLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Room No. </h6>
                                                                    <p id="RoomNoLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Warden</h6>
                                                                    <p id="WardenNameLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Warden Phone No. </h6>
                                                                    <p id="WardenPhoneNoLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Extention No.</h6>
                                                                    <p id="WardenExtNoLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Mobile No.</h6>
                                                                    <p id="WardenMobileNoLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Assigned To </h6>
                                                                    <p id="AssignedRoomByLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Phone No.</h6>
                                                                    <p id="AssignedRoomByPhoneNoLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Extention No.</h6>
                                                                    <p id="AssignedRoomByExtNoLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Mobile No.</h6>
                                                                    <p id="AssignedRoomByMobileNoLabel"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Hostel detail --%>

                                            <%-- Bank n passport detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Bank & Passport Details
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-right" role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#Bank-detail" role="tab" aria-selected="false">Bank Details  
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#Passport-detail" role="tab" aria-selected="false">Passport  Details
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active" id="Bank-detail" role="tabpanel">
                                                            <div id="BankDetailDiv">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Bank Branch</h6>
                                                                        <p id="BankbranchLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Account Number</h6>
                                                                        <p id="AccountNumbeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Bank Name</h6>
                                                                        <p id="BankNameLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Bank IFSC Code</h6>
                                                                        <p id="IFSCCodeLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="tab-pane" id="Passport-detail" role="tabpanel">
                                                            <div id="PassportDetailDiv">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Passport Number</h6>
                                                                        <p id="PassportNumberLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Passport Type</h6>
                                                                        <p id="PassportTypeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Passport Country Code</h6>
                                                                        <p id="PassportCountryCodeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Passport Issue Date</h6>
                                                                        <p id="PassportIssueDateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Passport Expiry Date</h6>
                                                                        <p id="PassportExpiryDateLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Bank n passport detail --%>

                                            <%-- result detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Result Detail
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-right" role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#SSC-result" role="tab" aria-selected="false">SSC Result  
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#HSC-result" role="tab" aria-selected="false">HSC Result  
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link " data-toggle="tab" href="#Jee-result" role="tab" aria-selected="true">JEE Result 
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link " data-toggle="tab" href="#Diploma-result" role="tab" aria-selected="true">Diploma Result
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active" id="SSC-result" role="tabpanel">
                                                            <div id="SSCresultdetailDiv">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Board</h6>
                                                                        <p id="SSCBoardLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">School</h6>
                                                                        <p id="SSCSchooolLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Passing Year</h6>
                                                                        <p id="SSCPassingYearLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Obtain Marks</h6>
                                                                        <p id="SSCObtainMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Out Of Marks</h6>
                                                                        <p id="SSCOutOfMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Math Marks</h6>
                                                                        <p id="SSCMathMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Math OutOf Marks</h6>
                                                                        <p id="SSCMathOutOfMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">SSC Percentage</h6>
                                                                        <p id="SSCPercentageLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="HSC-result" role="tabpanel">
                                                            <div id="HSCResultDetailDiv">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Board</h6>
                                                                        <p id="HSCBoardLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">School</h6>
                                                                        <p id="HSCSchoolLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Passing Year</h6>
                                                                        <p id="HSCPassingYearLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Obtain Marks</h6>
                                                                        <p id="HSCObtainMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Percentage</h6>
                                                                        <p id="HSCPercentageLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Chemistry Marks</h6>
                                                                        <p id="HSCPhysicsMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Physics OutOf Marks</h6>
                                                                        <p id="HSCPhysicsOutOfMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Physics Marks</h6>
                                                                        <p id="HSCChemistryMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Chemistry OutOfMarks</h6>
                                                                        <p id="HSCChemistryOutOfMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Maths Marks</h6>
                                                                        <p id="HSCMathMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Maths OutOfMarks</h6>
                                                                        <p id="HSCMathOutOfMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Biology Marks</h6>
                                                                        <p id="HSCBiologyMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">BiologyOutOfMarks</h6>
                                                                        <p id="HSCBiologyOutOfMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">PCMMarks</h6>
                                                                        <p id="PCMMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">PCBMarks</h6>
                                                                        <p id="PCBMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Jee-result" role="tabpanel">
                                                            <div id="JeeDiv" class="himsBoxContentMsg">
                                                            </div>
                                                            <div id="JeeDetailDiv">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">RollNo</h6>
                                                                        <p id="JEERollNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">MeritNo</h6>
                                                                        <p id="JEEMeritNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">MeritMarks</h6>
                                                                        <p id="JEEMeritMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">OutOfMarks</h6>
                                                                        <p id="JEEOutOfMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Diploma-result" role="tabpanel">
                                                            <div id="DiplomaDetailDiv">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Board</h6>
                                                                        <p id="DiplomaBoardLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">College</h6>
                                                                        <p id="DiplomaCollegeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">PassingYear</h6>
                                                                        <p id="DiplomaPassingYearLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">ObtainMarks</h6>
                                                                        <p id="DiplomaObtainMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">OutOfMarks</h6>
                                                                        <p id="DiplomaOutOfMarksLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Percentage</h6>
                                                                        <p id="DiplomaPercentageLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Application No</h6>
                                                                        <p id="ApplicationNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Admission Round</h6>
                                                                        <p id="AdmissionRoundLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- result detail --%>

                                            <div class="row">
                                                <%-- Gov detail --%>
                                                <div class="col-md-6">
                                                    <div class="kt-portlet kt-portlet--tabs" id="GovRegDetailDiv">
                                                        <div class="kt-portlet__head">
                                                            <div class="kt-portlet__head-label">
                                                                <h3 class="kt-portlet__head-title">Gov Reg. Details
                                                                </h3>
                                                            </div>

                                                        </div>
                                                        <div class="kt-portlet__body">
                                                            <div class="tab-content">
                                                                <div class="tab-pane active">
                                                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 mb-2">
                                                                        <div class="media-body ">
                                                                            <h6 class="mb-1 text-grey">UID Number</h6>
                                                                            <p id="UidnumberLabel"></p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12  mb-2">
                                                                        <div class="media-body ">
                                                                            <h6 class="mb-1 text-grey">Adhaar Number</h6>
                                                                            <p id="AdhaarnumberLabel"></p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <%-- Gov detail --%>

                                                <%-- Board detail --%>
                                                <div class="col-md-6">
                                                    <div class="kt-portlet kt-portlet--tabs" id="CBSERegDetailDiv">
                                                        <div class="kt-portlet__head">
                                                            <div class="kt-portlet__head-label">
                                                                <h3 class="kt-portlet__head-title">Board Detail
                                                                </h3>
                                                            </div>

                                                        </div>
                                                        <div class="kt-portlet__body">
                                                            <div class="tab-content">
                                                                <div class="tab-pane active">
                                                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 mb-2">
                                                                        <div class="media-body ">
                                                                            <h6 class="mb-1 text-grey">Class9 Board Reg.Number</h6>
                                                                            <p id="Class9Label"></p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12  mb-2">
                                                                        <div class="media-body ">
                                                                            <h6 class="mb-1 text-grey">Class11 Board Reg.Number</h6>
                                                                            <p id="Class11Label"></p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <%-- Board detail --%>
                                            </div>


                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>

                                    <%-- Assesment--%>
                                    <ajaxToolkit:TabPanel ID="AssesmentTabPanel" runat="server" HeaderText="Assesment">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="getExamDetail();"><i class="flaticon-chart"></i>Assessment
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <%--<div class="wizard-header">
                                                                <h3 class="heading">Assessement Year Wise</h3>
                                                                <p>Click the year to see its Assessment in define Year</p>
                                                            </div>
                                                            <section class="design-process-section" id="process-tab">

                                                                <!-- design process steps-->
                                                                <!-- Nav tabs -->
                                                                <ul class="nav nav-tabs process-model more-icon-preocess" role="tablist">
                                                                    <li role="presentation" class="active">
                                                                        <a href="#1" aria-controls="1" role="tab" data-toggle="tab">
                                                                            <span>1 yr
                                                                            </span>

                                                                        </a></li>
                                                                    <li role="presentation">
                                                                        <a href="#2" aria-controls="2" role="tab" data-toggle="tab">
                                                                            <span>2 yr
                                                                            </span>
                                                                        </a>
                                                                    </li>
                                                                    <li role="presentation">
                                                                        <a href="#3" aria-controls="3" role="tab" data-toggle="tab">
                                                                            <span>3 yr
                                                                            </span>
                                                                        </a>
                                                                    </li>
                                                                    <li role="presentation">
                                                                        <a href="#4" aria-controls="4" role="tab" data-toggle="tab">
                                                                            <span>4 yr
                                                                            </span>
                                                                        </a>
                                                                    </li>
                                                                    <li role="presentation">
                                                                        <a href="#5" aria-controls="5" role="tab" data-toggle="tab">
                                                                            <span>5 yr
                                                                            </span>
                                                                        </a>
                                                                    </li>
                                                                </ul>--%>
                                                            <!-- end design process steps-->
                                                            <!-- Tab panes -->
                                                            <div class="tab-content col-md-12">
                                                                <div role="tabpanel" class="tab-pane active" id="1">
                                                                    <div class="design-process-content">
                                                                        <%--<h3 class="semi-bold">Nursery</h3>--%>
                                                                        <div class="col-md-12 p-0">
                                                                            <div class="table-responsive">
                                                                                <table class="table table-striped table-bordered ">
                                                                                    <thead>
                                                                                        <tr>

                                                                                            <th scope="col">Exam Name</th>
                                                                                            <th scope="col">Year</th>
                                                                                            <th scope="col">Total Marks</th>
                                                                                            <th scope="col">Total Obtain </th>
                                                                                            <th scope="col">Result </th>
                                                                                            <th scope="col">Grade</th>
                                                                                            <th scope="col">Rank </th>
                                                                                            <th scope="col">Percentage </th>
                                                                                            <th scope="col">Percentile  </th>
                                                                                            <th scope="col">Detail</th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody id="dvExamGridDiv">
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>

                                                                        <div id="dvresultpopup" class="modal" role="dialog">
                                                                            <div class="modal-dialog">
                                                                                <div class="modal-content pad">
                                                                                    <div class="modal-header padd-0">
                                                                                        <div class="himsBoxHeader card-head">

                                                                                            <div class="himsBoxTitle">
                                                                                                <div class="headerText">
                                                                                                    <header>
                                                                                                        <asp:Label ID="Label1" runat="server" Text="Student Result In Detail"></asp:Label>
                                                                                                    </header>
                                                                                                </div>

                                                                                                <div class="pull-right">
                                                                                                    <button id="btnClose" title="Close (Esc)" type="button" class="hls-close" onclick="Closepopup();"></button>
                                                                                                </div>
                                                                                            </div>

                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="modal-body">
                                                                                        <table class="table table-bordered table-striped" id="StudentresultDiv">
                                                                                            <tr>
                                                                                                <th scope="col">Subject</th>
                                                                                                <th scope="col">Maximum</th>
                                                                                                <th scope="col">Minimum</th>
                                                                                                <th scope="col">Obtain</th>
                                                                                                <th scope="col">Grace Mark</th>
                                                                                                <th scope="col">Remark</th>
                                                                                            </tr>
                                                                                            <tbody id="dvstudentresultGridDiv">
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                        <div id="dvexamdetailpopup" class="modal" role="dialog" runat="server">
                                                                            <div class="modal-dialog">
                                                                                <div class="modal-content pad">
                                                                                    <div class="modal-header padd-0">
                                                                                        <div class="himsBoxHeader card-head">

                                                                                            <div class="himsBoxTitle">
                                                                                                <div class="headerText">
                                                                                                    <header>
                                                                                                        <asp:Label ID="Label17" runat="server" Text="Student Exam Detail"></asp:Label>
                                                                                                    </header>
                                                                                                </div>

                                                                                                <div class="pull-right">
                                                                                                    <button id="btnClose1" title="Close (Esc)" type="button" class="hls-close" onclick="Closepopup1();"></button>
                                                                                                </div>
                                                                                            </div>

                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="modal-body">
                                                                                        <div id="StudentExamDetailsdiv" runat="server"></div>
                                                                                        <%--<div id="StudentExamDetailsdiv" runat="server" style="width: 100%; padding-left: 14px; padding-right: 14px"></div>--%>
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <%--<div role="tabpanel" class="tab-pane" id="2">
                                                                        <div class="design-process-content">
                                                                            <h3 class="semi-bold">Strategy</h3>
                                                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincid unt ut laoreet dolore magna aliquam erat volutpat</p>
                                                                        </div>
                                                                    </div>

                                                                    <div role="tabpanel" class="tab-pane" id="3">
                                                                        <div class="design-process-content">
                                                                            <h3 class="semi-bold">Optimization</h3>
                                                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincid unt ut laoreet dolore magna aliquam erat volutpat</p>
                                                                        </div>
                                                                    </div>

                                                                    <div role="tabpanel" class="tab-pane" id="4">
                                                                        <div class="design-process-content">
                                                                            <h3 class="semi-bold">Content</h3>
                                                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincid unt ut laoreet dolore magna aliquam erat volutpat</p>
                                                                        </div>
                                                                    </div>

                                                                    <div role="tabpanel" class="tab-pane" id="5">
                                                                        <div class="design-process-content">
                                                                            <h3>Reporting</h3>
                                                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincid unt ut laoreet dolore magna aliquam erat volutpat. </p>
                                                                        </div>
                                                                    </div>--%>
                                                            </div>
                                                            </section>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>

                                    <%-- Attendance--%>
                                    <ajaxToolkit:TabPanel ID="AttedanceTabPanel" runat="server" HeaderText="Attedance">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="GetAttedanceType();" id="Attedancelink"><i class="flaticon-list"></i>Attendance
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>
                                                            <div class="col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">
                                                                        <asp:Label ID="AttendanceTypeLabel" runat="server" Text="Attendance Type"></asp:Label>
                                                                    </h6>
                                                                    <asp:DropDownList runat="server" ID="AttendanceTypeDropDownList" SkinID="CustomWidthDropDownList"
                                                                        CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onchange="GetAttedanceDeatil();">
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered" id="Atddiv" style="display: none;">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">For Month</th>
                                                                                <th scope="col">For Year</th>
                                                                                <th scope="col">Attendance Count</th>
                                                                                <th scope="col">Present Days</th>
                                                                                <th scope="col">Absent Days	 </th>
                                                                                <th scope="col">Average Presence(%)	</th>
                                                                                <th scope="col">Absent Date</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvAttedanceGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered " id="Subjectatdiv" style="display: none;">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Subject</th>
                                                                                <th scope="col">Present count</th>
                                                                                <th scope="col">Absent count </th>

                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvsubjectGridDiv">
                                                                        </tbody>
                                                                    </table>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>

                                    <%--Fee--%>
                                    <ajaxToolkit:TabPanel ID="FeeTabPanel" runat="server" HeaderText="Fee">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="GetFeeDeatil();"><i class="flaticon-bill"></i>Fee
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Fee Name</th>
                                                                                <th scope="col">Amount</th>
                                                                                <th scope="col">Additional Amount	</th>
                                                                                <th scope="col">Exemption Amount	</th>
                                                                                <th scope="col">Not Applicable Amount</th>
                                                                                <th scope="col">Paid Amount</th>
                                                                                <th scope="col">Pending Amount	</th>
                                                                                <th scope="col">Start Date		</th>
                                                                                <th scope="col">End  date</th>
                                                                                <th scope="col">Status	</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvFeeGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Receipt Book</th>
                                                                                <th scope="col">Receipt Number</th>
                                                                                <th scope="col">Receipt Date	</th>
                                                                                <th scope="col">Pay Type	</th>
                                                                                <th scope="col">Cheque No</th>
                                                                                <th scope="col">Bank Name</th>
                                                                                <th scope="col">Fee Detail</th>
                                                                                <th scope="col">Receipt Amount</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvReceiptGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">

                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="Label2" runat="server" Text=" Cancel Receipt List"></asp:Label>
                                                                    </h3>
                                                                </div>

                                                            </div>

                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Receipt No</th>
                                                                                <th scope="col">Receipt Date</th>
                                                                                <th scope="col">Receipt Amount</th>
                                                                                <th scope="col">Pay Type</th>
                                                                                <th scope="col">Cheque No / Reference No</th>
                                                                                <th scope="col">Bank Name</th>
                                                                                <th scope="col">Receipt Book</th>
                                                                                <th scope="col">Invoice No	</th>
                                                                                <th scope="col">Remark	</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvFeeCancelGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">

                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="Label18" runat="server" Text=" Charge List Data"></asp:Label>
                                                                    </h3>
                                                                </div>

                                                            </div>

                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Organization Name</th>
                                                                                <th scope="col">Name</th>
                                                                                <th scope="col">Receipt Number	</th>
                                                                                <th scope="col">Receipt Date</th>
                                                                                <th scope="col">Receipt Book</th>
                                                                                <th scope="col">Charge Category</th>
                                                                                <th scope="col">Amount</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvChargeListGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">

                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="Label19" runat="server" Text=" Deposit Adjustment Data"></asp:Label>
                                                                    </h3>
                                                                </div>

                                                            </div>

                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Deposit Head Name</th>
                                                                                <th scope="col">Student Name</th>
                                                                                <th scope="col">Id No</th>
                                                                                <th scope="col">Class</th>
                                                                                <th scope="col">Expense Type</th>
                                                                                <th scope="col">Amount</th>
                                                                                <th scope="col">Adjustment Date</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvDepositAdjustmentGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">

                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="Label20" runat="server" Text=" Deposit Refund Data"></asp:Label>
                                                                    </h3>
                                                                </div>

                                                            </div>

                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Deposit Head Name</th>
                                                                                <th scope="col">Student Name</th>
                                                                                <th scope="col">Id No</th>
                                                                                <th scope="col">Class</th>
                                                                                <th scope="col">Refund Amount</th>
                                                                                <th scope="col">Refund Date</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvDepositRefundGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%--Added form mantis : 33824 by Nilesh--%>
                                    <%--Post Dated Payment--%>
                                    <ajaxToolkit:TabPanel ID="PDCTabPanel" runat="server" HeaderText=" PDC">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="GetPDCViewList();"><i class="flaticon-money"></i>PDC
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">
                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="Label31" runat="server" Text="New and Pending Details"></asp:Label>
                                                                    </h3>
                                                                </div>

                                                            </div>
                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Receipt Book</th>
                                                                                <th scope="col">Pay Type</th>
                                                                                <th scope="col">Cheque Date</th> <%-- Mantis - 35153--%>
                                                                                <th scope="col">Cheque No</th>
                                                                                <th scope="col">Bank Name</th>
                                                                                <th scope="col">Amount</th>
                                                                                <th scope="col">Remark</th>
                                                                                <th scope="col">Status</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvNewAndPendingGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">
                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="Label32" runat="server" Text="Cleared Payment Details"></asp:Label>
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12 table-responsive">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Receipt Number</th>
                                                                                <th scope="col">Receipt Date</th>
                                                                                <th scope="col">Receipt Amount</th>
                                                                                <th scope="col">Pay Type</th>
                                                                                <th scope="col">Reference No</th>
                                                                                <th scope="col">Bank Name</th>
                                                                                <th scope="col">Receipt Book</th>
                                                                                <th scope="col">Cheque Date</th>
                                                                                <th scope="col">Remark</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvClearedPaymentGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>

                                    <%--Behaviour--%>
                                    <ajaxToolkit:TabPanel ID="BehaviourTabPanel" runat="server" HeaderText="Behaviour" Visible="false">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <%--  <a onclick="GetbehaviourDeatil();"><i class="flaticon-behavior"></i>Activity
                                                    </a>--%>
                                                    <a onclick="GetActivityDetails();"><i class="flaticon-behavior"></i>Activity
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">
                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="ActivityDetailsLabel" runat="server" Text="Activity Details"></asp:Label>
                                                                    </h3>
                                                                </div>

                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">FromDate</th>
                                                                                <th scope="col">ToDate</th>
                                                                                <th scope="col">Title</th>
                                                                                <th scope="col">Remark</th>
                                                                                <th scope="col">Student Remark</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvActivityGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="BehaviourDetailsLabel" runat="server" Text="Behaviour Details"></asp:Label>
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Behaviour Date</th>
                                                                                <th scope="col">Behaviour Type</th>
                                                                                <th scope="col">Behaviour Details</th>
                                                                                <th scope="col">Remark</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvBehaviourGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">
                                                                        <asp:Label ID="EventDetailsLabel" runat="server" Text="Event Details"></asp:Label>
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">From Date</th>
                                                                                <th scope="col">To Date</th>
                                                                                <th scope="col">Event Name</th>
                                                                                <th scope="col">Student Attendance</th>
                                                                                <th scope="col">Father Attendance</th>
                                                                                <th scope="col">Mother Attendance</th>
                                                                                <th scope="col">Parent Feedback</th>
                                                                                <th scope="col">School Feedback</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvEventDetailsGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>

                                    <%--Library--%>
                                    <ajaxToolkit:TabPanel ID="LibraryTabPanel" runat="server" HeaderText="Library" Visible="false">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="GetLibraryDeatil();"><i class="flaticon-book"></i>Library
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Library</th>
                                                                                <th scope="col">Book Code</th>
                                                                                <th scope="col">Book Title</th>
                                                                                <th scope="col">Log Date</th>
                                                                                <th scope="col">Due Date</th>
                                                                                <th scope="col">Status</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvBookGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>

                                    <%--Alert--%>
                                    <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Alert" Visible="false">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="GetAlertDeatil();"><i class="flaticon-bell"></i>Alert
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div>
                                                                    <li id="SMSList" runat="server" class="icon active" style="display: inline"><a>
                                                                        <i class="fas fa-sms" aria-hidden="true" style="font-size: 20px"></i>
                                                                        <input type="button" id="SMSButton" value=" SMS" onclick="GetSMSAlert();" class="fas transparenttab" style="border: none; cursor: pointer; width: 15%; font-size: 20px; padding: 7px" />
                                                                    </a></li>
                                                                    <li id="EmailList" runat="server" class="icon" style="display: inline"><a>
                                                                        <i class="fa fa-envelope" aria-hidden="true" style="font-size: 20px"></i>
                                                                        <input type="button" id="EmailButton" value=" Email" onclick="GetEmailAlert();" class="fas transparenttab" style="border: none; cursor: pointer; width: 15%; font-size: 20px; padding: 7px" />
                                                                    </a></li>
                                                                    <li id="WhatsAppList" runat="server" class="icon" style="display: inline"><a>
                                                                        <i class="fab fa-whatsapp" aria-hidden="true" style="font-size: 20px"></i>
                                                                        <input type="button" id="WhatsAppButton" value=" WhatsApp" onclick="GetWhatsAppAlert();" class="fas transparenttab" style="border: none; cursor: pointer; width: 15%; font-size: 20px; padding: 7px" />
                                                                    </a></li>
                                                                    <li id="NotificationList" runat="server" class="icon" style="display: inline"><a>
                                                                        <i class="fa fa-bell" aria-hidden="true" style="font-size: 20px"></i>
                                                                        <input type="button" id="NotificationButton" value=" Notification" onclick="GetNotificationAlert();" class="fas transparenttab" style="border: none; cursor: pointer; width: 15%; font-size: 20px; padding: 7px" />
                                                                    </a></li>
                                                                </div>
                                                                <br />
                                                                <asp:Label ID="AlertTypeLabel" runat="server" Text="Alert Type: SMS"></asp:Label>
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered ">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Source Event</th>
                                                                                <th scope="col">EventName</th>
                                                                                <th scope="col">Alert Subject</th>
                                                                                <th scope="col">Alert Message	</th>
                                                                                <th scope="col">Created Date</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvAlertGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%--Alert--%>

                                    <%--Performance--%>
                                    <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="Performance">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="GetPerformanceDetail();">
                                                        <img src="../../App_Themes/newTheme/css/profile-stu/images/performance.svg" class="tab-icon" />Performance
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>

                                                            <div class="col-md-6">
                                                                <div class="col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">
                                                                            <asp:Label ID="Label15" runat="server" Text="Exam Name"></asp:Label>
                                                                        </h6>
                                                                        <select id="ExamSubGroupDropdown" class="form-control">
                                                                        </select>
                                                                    </div>
                                                                </div>

                                                                <div class="kt-portlet__body">
                                                                    <div class="tab-content">
                                                                        <div class="tab-pane active">
                                                                            <div class="center-block">
                                                                                <div class="col-md-9 p-0" id="roundgraphdivPerformance" style="display: none">
                                                                                    <div class="panel panel-info">
                                                                                        <div class="panel-heading">
                                                                                            <b><span id="spnOLDRound3"></span></b>
                                                                                        </div>
                                                                                        <div id="roundgraphPerformance">
                                                                                            <canvas id="myTotalPerformance"></canvas>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-12 mb-2">
                                                                                <table id="PerformanceDivhead" class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                                    <tbody id="PerformanceDiv">
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-6">
                                                                <div class="col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">
                                                                            <asp:Label ID="Label16" runat="server" Text="Subject Name"></asp:Label>
                                                                        </h6>
                                                                        <select id="SubjectDropdown" class="form-control">
                                                                        </select>
                                                                    </div>
                                                                </div>

                                                                <div class="kt-portlet__body">
                                                                    <div class="tab-content">
                                                                        <div class="tab-pane active">
                                                                            <div class="center-block">
                                                                                <div class="col-md-9 p-0" id="roundgraphdivSubject" style="display: none">
                                                                                    <div class="panel panel-info">
                                                                                        <div class="panel-heading">
                                                                                            <b><span id="spnOLDRound4"></span></b>
                                                                                        </div>
                                                                                        <div id="roundgraphSubject">
                                                                                            <canvas id="myTotalSubject"></canvas>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-12 mb-2">
                                                                                <table id="SubjectDivhead" class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                                    <tbody id="SubjectDiv">
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%--Performance--%>
                                </ajaxToolkit:TabContainer>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </ContentTemplate>
    </asp:UpdatePanel>
    <!-- jQuery library -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <script src="../../App_Themes/newTheme/js/Chart.min.js"></script>
    <script src="../../App_Themes/newTheme/js/utils.js"></script>
    <!-- Compiled and minified JavaScript -->
    <!-- Latest compiled JavaScript -->

    <script>
        var randomScalingFactor = function () {
            return Math.round(Math.random() * 100);
        };
        var chartColors = window.chartColors;
        var color = Chart.helpers.color;
        var config = {
            "data": {
                labels: ["High", "Moderate", "Low"],
                "datasets": [{
                    "label": 'My First Dataset',
                    "data": [11, 16, 18],
                    "backgroundColor": ["rgb(252, 75, 108)", "rgb(75, 192, 192)", "rgb(255, 178, 43)"
                    ]

                }
                ]
            },
            options: {
                responsive: true,
                legend: {
                    position: 'top',
                    labels: {
                        fontColor: "white",
                        fontSize: 12
                    }
                },
                title: {
                    display: false,
                    text: 'Chart.js Polar Area Chart'
                },
                scale: {
                    ticks: {
                        beginAtZero: true,
                        fontColor: "white"
                    },
                    reverse: true
                },
                animation: {
                    animateRotate: false,
                    animateScale: true
                }
            }
        };


        var ctx = document.getElementById('chart-area');
        window.myPolarArea = Chart.PolarArea(ctx, config);

        //wizard
        // script for tab steps
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {

            var href = $(e.target).attr('href');
            var $curr = $(".process-model  a[href='" + href + "']").parent();

            $('.process-model li').removeClass();

            $curr.addClass("active");
            $curr.prevAll().addClass("visited");
        });
        // end  script for tab steps
        $(document).ready(function () {

            var demo6 = function () {

            }
        });

        $('#ClassDropdown').change(function () {
            debugger;
            var AcademicId = $(this).val();
            getstudentDetail();
            getExamDetail();
            SelectResult();
            GetActivityDetails();
            getHealthCheckupStudentGet();
            //   GetbehaviourDeatil();           
            GetFeeDeatil();
            getReceiptList();
            // GetAttedanceDeatil();
            GetAttedanceType();
            GetLibraryDeatil();
            GetAlertDeatil();
            GetCancelReciptlist();
            //Added form mantis : 33824 by Nilesh
            GetPDCViewList();
        })

        $('#ExamSubGroupDropdown').change(function () {
            var ExamSubGroupId = $(this).val();
            $.ajax({
                type: "POST",
                url: "/Pages/StudentManagement/StudentView.aspx/GetPerformanceDetail",
                data: JSON.stringify({ "ExamSubGroupId": parseInt(ExamSubGroupId) }),
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    window.setTimeout(function () {
                        if (datas != "") {
                            $('#PerformanceDiv').html('');
                            $('#PerformanceDiv').append('<tr><th style="width:50%">Class</th><th style="width:50%">Exam Percentage</th></tr>');
                            $.each($.parseJSON(datas), function (i, item) {
                                var Class, Percentage;
                                Class = item.Class;
                                Percentage = item.Percentage;
                                $('#PerformanceDiv').append('<tr><td>' + Class + '</td><td>' + Percentage + '</td></tr>');
                            });

                            if (datas == "") {
                                $('#PerformanceDiv').html('');
                                $('#PerformanceDiv').append('<tr><td>No Record found !</td><tr>');
                            }

                            var dataPoint = [];
                            var lables = [];
                            var chartdata = [];
                            var dataPoint1 = [];
                            var lables1 = [];
                            var chartdata1 = [];
                            var lbl = [];
                            var locationlbl = [];
                            var colcnt = 0;
                            colcnt = $('#PerformanceDivhead tbody th').length - 1;
                            $('#roundgraphdivPerformance').show();
                            $('#PerformanceDivhead tbody tr').each(function (index) {
                                $(this).find('th,td').each(function (index2) {
                                    if ($(this).is('th')) {
                                        if (index2 != 0) {
                                            lables.push(this.innerHTML);
                                        }
                                    }
                                    else if ($(this).is('td')) {
                                        if (index2 != 0) {
                                            if (colcnt == index2) {
                                                dataPoint.push(this.innerHTML);
                                            }
                                        } else if (index2 == 0) {
                                            locationlbl.push(this.innerText);
                                        }
                                    }
                                    $("table.tr").not(this).hide();
                                });
                            });
                            console.log(dataPoint);
                            if (lables.length > 0 && dataPoint.length > 0) {
                                chartdata.push({
                                    label: locationlbl.slice(0, locationlbl.length),
                                    fillColor: "rgba(220,220,220,0.2)",
                                    strokeColor: "rgba(220,220,220,1)",
                                    pointColor: "rgba(220,220,220,1)",
                                    backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56", "#D35400", "#CD5C5C", "#cc65fe", "#196F3D", "#5499C7", "#E67E22",
                                      "#27AE60", "#F08080", "#996633", "#0000cc", "#FFA07A", "#16A085", "#512E5F", "#7D6608", "#1B4F72", "#008080",
                                      "#FF00FF", "#01DF01", "#ff0000", "#00ffff", "#cc6699", "#cccc00", "#993300", "#333399", "#ff99ff", "#006600", "#ffff00",
                                    "#003366", "#00ccff", "#ff9900", "#cc0066", "#ccccff", "#660066", "#000000"],
                                    borderWidth: 1,
                                    data: dataPoint.slice(0, dataPoint.length)

                                });
                                //dataPoint = [];
                                // locationlbl = [];
                            }
                            var data = {
                                labels: locationlbl.slice(0, locationlbl.length),
                                datasets: chartdata
                            };
                            $('#myTotalPerformance').remove();
                            $('#roundgraphPerformance').append('<canvas id="myTotalPerformance" style="width:550px;"></canvas>');
                            var ctx = $("#myTotalPerformance").get(0).getContext('2d');
                            var opt = {
                                responsive: false,
                                legend: false,
                                scales: {
                                    yAxes: [{
                                        ticks: {
                                            beginAtZero: true,
                                            fontSize: 10
                                        }
                                    }],
                                    xAxes: [{
                                        ticks: {
                                            beginAtZero: true,
                                            fontSize: 10
                                        }
                                    }]
                                },
                                "hover": {
                                    "animationDuration": 0
                                },
                                "animation": {
                                    "duration": 1,
                                    "onComplete": function () {
                                        var chartInstance = this.chart,
                                        ctx = chartInstance.ctx;
                                        ctx.font = "1px Arial";
                                        ctx.textAlign = 'center';
                                        ctx.textBaseline = 'bottom';

                                        this.data.datasets.forEach(function (dataset, i) {
                                            var meta = chartInstance.controller.getDatasetMeta(i);
                                            meta.data.forEach(function (bar, index) {
                                                var data = dataset.data[index];
                                                ctx.fillText(data, bar._model.x, bar._model.y);
                                            });
                                        });
                                    },
                                },
                            };
                            var myNewChart5 = new Chart(ctx, {
                                type: "bar",
                                data: data,
                                options: opt,
                            });
                        }
                        GetSubjectPerformanceDetail();

                    }, 500);
                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                }
            });
        })

        $('#SubjectDropdown').change(function () {
            var ExamSubGroupId = $('#ExamSubGroupDropdown').val();
            var SubjectId = $('#SubjectDropdown').val();
            $.ajax({
                type: "POST",
                url: "/Pages/StudentManagement/StudentView.aspx/GetSubjectPerformanceDetail",
                data: JSON.stringify({ "ExamSubGroupId": parseInt(ExamSubGroupId), "SubjectId": parseInt(SubjectId) }),
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    window.setTimeout(function () {
                        if (datas != "") {
                            $('#SubjectDiv').html('');
                            $('#SubjectDiv').append('<tr><th style="width:50%">Subject</th><th style="width:50%">Subject Percentage</th></tr>');
                            $.each($.parseJSON(datas), function (i, item) {
                                var Class, Obtain;
                                Class = item.Class;
                                Obtain = item.Obtain;
                                $('#SubjectDiv').append('<tr><td>' + Class + '</td><td>' + Obtain + '</td></tr>');
                            });

                            if (datas == "") {
                                $('#SubjectDiv').html('');
                                $('#SubjectDiv').append('<tr><td>No Record found !</td><tr>');
                            }

                            var dataPoint = [];
                            var lables = [];
                            var chartdata = [];
                            var dataPoint1 = [];
                            var lables1 = [];
                            var chartdata1 = [];
                            var lbl = [];
                            var locationlbl = [];
                            var colcnt = 0;
                            colcnt = $('#SubjectDivhead tbody th').length - 1;
                            $('#roundgraphdivSubject').show();
                            $('#SubjectDivhead tbody tr').each(function (index) {
                                $(this).find('th,td').each(function (index2) {
                                    if ($(this).is('th')) {
                                        if (index2 != 0) {
                                            lables.push(this.innerHTML);
                                        }
                                    }
                                    else if ($(this).is('td')) {
                                        if (index2 != 0) {
                                            if (colcnt == index2) {
                                                dataPoint.push(this.innerHTML);
                                            }
                                        } else if (index2 == 0) {
                                            locationlbl.push(this.innerText);
                                        }
                                    }
                                    $("table.tr").not(this).hide();
                                });
                            });
                            console.log(dataPoint);
                            if (lables.length > 0 && dataPoint.length > 0) {
                                chartdata.push({
                                    label: locationlbl.slice(0, locationlbl.length),
                                    fillColor: "rgba(220,220,220,0.2)",
                                    strokeColor: "rgba(220,220,220,1)",
                                    pointColor: "rgba(220,220,220,1)",
                                    backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56", "#D35400", "#CD5C5C", "#cc65fe", "#196F3D", "#5499C7", "#E67E22",
                                      "#27AE60", "#F08080", "#996633", "#0000cc", "#FFA07A", "#16A085", "#512E5F", "#7D6608", "#1B4F72", "#008080",
                                      "#FF00FF", "#01DF01", "#ff0000", "#00ffff", "#cc6699", "#cccc00", "#993300", "#333399", "#ff99ff", "#006600", "#ffff00",
                                    "#003366", "#00ccff", "#ff9900", "#cc0066", "#ccccff", "#660066", "#000000"],
                                    borderWidth: 1,
                                    data: dataPoint.slice(0, dataPoint.length)

                                });
                                //dataPoint = [];
                                // locationlbl = [];
                            }
                            var data = {
                                labels: locationlbl.slice(0, locationlbl.length),
                                datasets: chartdata
                            };
                            $('#myTotalSubject').remove();
                            $('#roundgraphSubject').append('<canvas id="myTotalSubject" style="width:550px;"></canvas>');
                            var ctx = $("#myTotalSubject").get(0).getContext('2d');
                            var opt = {
                                responsive: false,
                                legend: false,
                                scales: {
                                    yAxes: [{
                                        ticks: {
                                            beginAtZero: true,
                                            fontSize: 10
                                        }
                                    }],
                                    xAxes: [{
                                        ticks: {
                                            beginAtZero: true,
                                            fontSize: 10
                                        }
                                    }]
                                },
                                "hover": {
                                    "animationDuration": 0
                                },
                                "animation": {
                                    "duration": 1,
                                    "onComplete": function () {
                                        var chartInstance = this.chart,
                                        ctx = chartInstance.ctx;
                                        ctx.font = "1px Arial";
                                        ctx.textAlign = 'center';
                                        ctx.textBaseline = 'bottom';

                                        this.data.datasets.forEach(function (dataset, i) {
                                            var meta = chartInstance.controller.getDatasetMeta(i);
                                            meta.data.forEach(function (bar, index) {
                                                var data = dataset.data[index];
                                                ctx.fillText(data, bar._model.x, bar._model.y);
                                            });
                                        });
                                    },
                                },
                            };
                            var myNewChart5 = new Chart(ctx, {
                                type: "bar",
                                data: data,
                                options: opt,
                            });
                        }
                    }, 500);
                },
                error: function (xhr, status, error) {

                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                }
            });
        })
        function getHealthCheckupStudentGet() {
            var AcademicId = $('#ClassDropdown').val();
            $.ajax({
                type: "POST",
                url: "/Pages/StudentManagement/Student360View.aspx/getHealthCheckupStudentGet",
                data: '{"AcademicId":"' + AcademicId + '"}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    //$('#ctl00_CP_HostelMasterTabContainer_AttedanceTabPanel_AttendanceTypeDropDownList').empty();
                    //$('#Atddiv').hide();
                    //$('#Subjectatdiv').hide();
                    //console.log(data);
                    window.setTimeout(function () {
                        if (data.d == '') {
                            $("#HeightInCmLabel").html('');
                            $("#WeightInKgLabel").html('');
                            $("#DentalLabel").html('');
                            $("#NailsLabel").html('');
                            $("#HairLabel").html('');
                            $("#SkinLabel").html('');
                            $("#EarLabel").html('');
                            $("#NoseLabel").html('');
                            $("#ThroatLabel").html('');
                            $("#RespiratoryLabel").html('');
                            $("#CardiovascularLabel").html('');
                            $("#NervousLabel").html('');
                            $("#EyeLabel").html('');
                            $("#OtherLabel").html('');
                            $("#ImportantFindingLabel").html('');
                            $("#RemarkLabel").html('');
                            $("#FollowupDetailLabel").html('');
                        }
                        else {
                            var datas = $.parseJSON(data.d);

                            if (datas.HeightInCm != null) {
                                $("#HeightInCmLabel").html(datas.HeightInCm + ' Cms');
                                $("#WeightInKgLabel").html(datas.WeightInKg + ' Kgs');
                                $("#DentalLabel").html(datas.Dental);
                                $("#NailsLabel").html(datas.Nails);
                                $("#HairLabel").html(datas.Hair);
                                $("#SkinLabel").html(datas.Skin);
                                $("#EarLabel").html(datas.Ear);
                                $("#NoseLabel").html(datas.Nose);
                                $("#ThroatLabel").html(datas.Throat);
                                $("#RespiratoryLabel").html(datas.Respiratory);
                                $("#CardiovascularLabel").html(datas.Cardiovascular);
                                $("#NervousLabel").html(datas.Nervous);
                                $("#EyeLabel").html(datas.Eye);
                                $("#OtherLabel").html(datas.Other);
                                $("#ImportantFindingLabel").html(datas.ImportantFinding);
                                $("#RemarkLabel").html(datas.Remarks);
                                $("#FollowupDetailLabel").html(datas.FollowupDetail);
                            }
                        }
                    }, 500);
                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                }
            });
        }

    </script>
    <script data-main="../../JavaScript/rjs/StudentViewProfile.js" src="../../JavaScript/rjs/require.js"></script>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/StudentViewProfile")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
    <script data-main="../../JavaScript/rjs/builtjs/StudentViewProfile-built.js" src="../../JavaScript/rjs/require.js"></script>
    <script src="../../App_Themes/newTheme/css/profile-stu/js/amcharts.js"></script>
    <script src="../../App_Themes/newTheme/css/profile-stu/js/3/radar.js"></script>
    <script src="../../App_Themes/newTheme/css/profile-stu/js/3/serial.js"></script>
    <script src="../../App_Themes/newTheme/css/profile-stu/js/3/pie.js"></script>
    <script src="../../App_Themes/newTheme/css/profile-stu/js/charts.js"></script>

</asp:Content>
