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

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>
        var EmployeeId;
        $(document).ready(function () {

            var myurl = window.location.href;
            var keyval = myurl.split('?')[1].split('&');
            EmployeeId = keyval[0].split('=')[1].toString();
            // alert(EmployeeId);
            // for (var x = 0, y = keyval.length; x < y; x += 1);
            $.ajax({
                type: "POST",
                url: "EmployeeProfile.aspx/EmployeeProfileDetailGet",
                data: JSON.stringify({ "EmployeeId": EmployeeId }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    //alert(result.d);
                    var obj = (result.d);

                    var BasicDetails = "<div class='col-md-3'><img src='data:image/jpg;base64,"+obj[0].Image+"' width='90' height='90'/></div>" +
                            " <div class='col-md-9 row'>" +
                            "<div class='col-md-6  height35'><b class='text-muted'>Employee Name :&nbsp;</b><Label ID='NameLabel'>" + obj[0].EmployeeName + "</label></div>" +
                            " <div class='col-md-6  height35'><b class='text-muted'>Code :&nbsp;</b><Label ID='BatchNameLabel'>" + obj[0].Code + "</label></div>" +
                            " <div class='col-md-6  height35'><b class='text-muted'>UID Number :&nbsp;</b><Label ID='ClassDivisionLabel'>" + obj[0].UIDNumber + "</label></div></div>";


                    var CurrentAddress = "<div class='midborder profilediv paddingbottom row'>" +
                    "<div class='col-md-12'><asp:Label ID='Label14'  Text='Contact Details' Font-Underline='true' Font-Size='14px' Font-Bold='true' CssClass='pb5' >Contact Details</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Email :&nbsp; </b><Label ID='ParentEmailLabel'   CssClass='fieldlabel' >" + obj[0].PersonalEmail + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Mobile No. :&nbsp; </b><Label ID='ParentContactNoLabel' CssClass='fieldlabel' >" + obj[0].MobileNumber + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Company Email :&nbsp; </b><Label ID='Label3'   CssClass='fieldlabel' >" + obj[0].CompanyEmail + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Company Contact No. :&nbsp; </b><Label ID='StudentEmailLabel'   CssClass='fieldlabel' >" + obj[0].PhoneNoCompany + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Extension :&nbsp; </b><Label ID='StudentContactNoLabel' CssClass='fieldlabel' >" + obj[0].ExtensionNo + "</Label></div>" +
                    "<div class='col-md-12'><asp:Label ID='PresentLabel'  Text='Present Address'Font-Underline='true'    Font-Size='14px' Font-Bold='true' CssClass='pb5' >Present Address</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Address :&nbsp; </b><Label ID='PresentAddressLabel'  CssClass='fieldlabel' >" + obj[0].PresentAddress + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>City :&nbsp; </b><Label ID='PresentCityLabel'  CssClass='fieldlabel' >" + obj[0].PresentCity + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>State :&nbsp; </b><Label ID='PresentStateLabel'  CssClass='fieldlabel' >" + obj[0].PresentState + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Pin Code :&nbsp; </b><Label ID='PresentZipCodeLabel'  CssClass='fieldlabel' >" + obj[0].PresentZipCode + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Contact No. :&nbsp; </b><Label ID='PresentContactNoLabel'  CssClass='fieldlabel' >" + obj[0].PresentContactNo + "</Label></div>" +
                    "<div class='col-md-12'><asp:Label ID='EmergencyLabel'  Text='Emergency Address' Font-Underline='true'  Font-Size='14px' Font-Bold='true' CssClass='pb5' >Emergency Address</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Address :&nbsp; </b><Label ID='EmergencyAddressLabel'  CssClass='fieldlabel' >" + obj[0].EmergencyAddress + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>City :&nbsp; </b><Label ID='EmergencyCityLabel'  CssClass='fieldlabel' >" + obj[0].EmergencyCity + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>State :&nbsp; </b><Label ID='EmergencyStateLabel'  CssClass='fieldlabel' >" + obj[0].EmergencyState + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Pin Code :&nbsp; </b><Label ID='EmergencyZipCodeLabel'  CssClass='fieldlabel' >" + obj[0].EmergencyZipCode + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Contact No. :&nbsp; </b><Label ID='EmergencyContactNoLabel'  CssClass='fieldlabel' >" + obj[0].EmergencyContactNo + "</Label></div>" +
                    "<div class='col-md-12'><asp:Label ID='PermanentLabel'  Text='Permanent Address'Font-Underline='true' Font-Size='14px' Font-Bold='true' >Permanent Address</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Address :&nbsp; </b><Label ID='PermanentAddressLabel'  CssClass='fieldlabel' >" + obj[0].PermanentAddress + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>City :&nbsp; </b><Label ID='PermanentCityLabel'  CssClass='fieldlabel' >" + obj[0].PermanentCity + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>State :&nbsp; </b><Label ID='PermanentStateLabel'  CssClass='fieldlabel' >" + obj[0].PermanentState + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Pin Code :&nbsp; </b><Label ID='PermanentZipCodeLabel'  CssClass='fieldlabel' >" + obj[0].PermanentZipCode + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Contact No. :&nbsp; </b><Label ID='PermanentContactNoLabel'  CssClass='fieldlabel' >" + obj[0].PermanentContactNo + "</Label></div></div></div>";
                    var mydate = new Date(obj[0].DateOfJoining.replace(/(\d{2})[-/](\d{2})[-/](\d+)/, "$2/$1/$3"))//new Date(obj[0].DateOfJoining.toString());
                    var JobInformation = "<div class='midborder profilediv paddingbottom row'>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Designation :&nbsp; </b><Label ID='BirthDateLabel'  CssClass='fieldlabel' >" + obj[0].EmployeeDesignation + "</Label></div>" +
                    "<div class='col-md-6 height47'><b class='text-muted'>Qualification :&nbsp; </b><Label ID='BloodGroupLabel'   CssClass='fieldlabel' >" + obj[0].Qualification + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Department :&nbsp; </b><Label ID='Label10'   CssClass='fieldlabel' >" + obj[0].OrganizationDepartment + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Date Of Joining :&nbsp; </b><Label ID='SexLabel'   CssClass='fieldlabel' >" + mydate.getDate() + '-' + (mydate.getMonth() + 1) + '-' + mydate.getFullYear() + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Employee Grade :&nbsp; </b><Label ID='Label5'   CssClass='fieldlabel' >" + obj[0].EmployeeGrade + "</Label></div>" +
                    "<div class='col-md-6 height35'><b class='text-muted'>Employee Group :&nbsp; </b><Label ID='Label8'  CssClass='fieldlabel' >" + obj[0].EmployeeGroup + "</Label></div></div> ";
                    var BirthDay = new Date(obj[0].DateOfBirth.replace(/(\d{2})[-/](\d{2})[-/](\d+)/, "$2/$1/$3"))
                    var OtherDetails = "<div class='midborder profilediv paddingbottom row'>" +
                        " <div class='col-md-6 height35'><b class='text-muted'>Date Of Birth :&nbsp; </b><Label ID='BirthDateLabel'  CssClass='fieldlabel' >" + BirthDay.getDate() + '-' + (BirthDay.getMonth() + 1) + '-' + BirthDay.getFullYear() + "</Label></div>" +
                        "<div class='col-md-6 height35'><b class='text-muted'>Gender :&nbsp; </b><Label ID='BloodGroupLabel'   CssClass='fieldlabel' >" + obj[0].Gender + "</Label></div>" +
                        "<div class='col-md-6 height35'><b class='text-muted'>Blood Group :&nbsp; </b><Label ID='Label12'   CssClass='fieldlabel' >" + obj[0].BloodGroup + "</Label></div>" +
                        "<div class='col-md-6 height35'><b class='text-muted'>Marital Status :&nbsp; </b><Label ID='Label9'   CssClass='fieldlabel' >" + obj[0].MeritalStatus + "</Label></div>";


                    // var PreviousEmployement = "";
                   // src = " + obj[0].EmployeePhoto + "
                  
                    document.getElementById("EmployeeDetail").innerHTML = BasicDetails;
                    document.getElementById("EmployeeCurrentAddress").innerHTML = CurrentAddress;
                    document.getElementById("JobInformation").innerHTML = JobInformation;
                    document.getElementById("OtherDetails").innerHTML = OtherDetails;
                    if (obj[0].EmployeePhoto != '')
                        $("#FatherPhotoImg").attr('src', 'data:image/jpg;base64,' + obj[0].EmployeePhoto);
                    else
                        $("#FatherPhotoImg").attr('src', '../../Images/BoyNoImage.png');

                    GetEmploymentHistoryDetailDataList();


                }
            });
        });

        function GetEmploymentHistoryDetailDataList() {

            $.ajax({
                type: "POST",
                url: "EmployeeProfile.aspx/GetEmploymentHistoryDetailDataList",
                data: JSON.stringify({ "EmployeeId": EmployeeId }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {

                    var obj = (result.d);
                    var tblPreviousEmployement = "";
                    if (obj != "") {
                        tblPreviousEmployement += "<tr><th>Company Name</th><th>Duration</th><th>Designation</th><th>Last Salary</th><th>Reason For Leaving</th><th>Job Description</th><th>Remark</th</tr>";
                        $.each(obj, function (i, item) {
                            //console.log(item.i);
                            tblPreviousEmployement += "<tr><td>" + item.CompanyName + "</td><td>" + item.Duration + "</td><td>" + item.Designation + "</td><td>" + item.Lastsalary + "</td><td>" + item.ReasonForLeaving + "</td><td>" + item.JobDescription + "</td><td>" + item.Remark + "</td></tr>";

                        });
                    }
                    else { tblPreviousEmployement += "<tr><td colspan='8' class='record'>Record is not found</td></tr>"; }
                    document.getElementById("tblPreviousEmployement").innerHTML = tblPreviousEmployement;
                }
            });
        }
        function BackOrgFunction() {
            window.location.href = "../MobileView/EmployeeSearch.aspx";
        }
        function DashBoard() {
            window.location.href = "../MIS/MISDashboard.aspx";
        }
    </script>
    <asp:UpdatePanel ID="DoctorScheduleUpdatePanel" runat="server">
        <ContentTemplate>
            <div class="col-md-12 ptb12">
                <span class='btn btn-home btn-icon' onclick='DashBoard()' title='home'><span><i class='material-icons'>home</i></span></span>
                <input type="button" value="&#xf3e5;" id="bntBackOrg" onclick="BackOrgFunction()" skinid="0" class="float-right btn btn-back btn-icon fas" />
            </div>
            <div class="page-header row mb20">
                <div class="col-xl-12 col-sm-12 col-xs-12 border-bottom-inline xs-padd0">
                    <div class="main-topic inner" id="HeaderTitle">
                    </div>
                </div>
            </div>

            <div class="bg-white col-md-12 padd-0 center-block mt34">
                <div class="container-fluid">
                    <div class="gutters-tiny push js-appear-enabled animated fadeIn overflow-hidden row" data-toggle="appear">
                        <div class="himsBoxContent  ptb15" id='StudentDiv'>
                            <div class="contentHolder col-md-12">
                                <h2 class="box-head">Employee Profile
                                </h2>
                                <%--<asp:Panel ID='pnlContents' runat='server'>--%>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12'>
                                <div class='himsBoxHeader card-head inner' id='PresenceListGridViewPagerDiv' visible='true'>
                                    <div class='leftdiv'>
                                    </div>
                                    <div class='himsBoxTitle'>
                                        <div class='headerText'>
                                            <header>

                                                <h2 class='table-topic'>Employee Details</h2>
                                            </header>
                                        </div>
                                        <div class='gridHeaderText fRight'>
                                        </div>
                                        <div class='fRight'>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='PresenceListGridViewMessageDiv' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <%--<asp:DataList ID='ProfileDataList'>--%>


                                    <div class='profilediv row' id="EmployeeDetail">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='TeacherDiv' visible='true'>
                                <div class='himsBoxHeader card-head inner' id='TeacherListGridViewPagerDiv' runat='server' visible='true'>
                                    <div class='leftdiv'>
                                    </div>
                                    <div class='himsBoxTitle'>
                                        <div class='headerText'>
                                            <header>

                                                <h2 class='table-topic'>Current Address</h2>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='TeacherListGridViewMessageDiv' class='himsBoxContentMsg' runat='server'
                                        visible='False'>
                                    </div>
                                    <%--<asp:DataList ID='TeacherProfileDataList' runat='server'>--%>


                                    <div class='profilediv row' id="EmployeeCurrentAddress">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='AdmissionDetaildiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div1' runat='server' visible='true'>
                                    <div class='leftdiv'>
                                    </div>
                                    <div class='himsBoxTitle'>
                                        <div class='headerText'>
                                            <header>
                                                <h2 class='table-topic'>Job Information</h2>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div4' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv row' id="JobInformation">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='CollegeAdmissonDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div28' runat='server' visible='true'>
                                    <div class='leftdiv'>
                                    </div>
                                    <div class='himsBoxTitle'>
                                        <div class='headerText'>
                                            <header class="table-topic">
                                                <label>Other Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div29' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>

                                    <div class='profilediv' id="OtherDetails">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='SSCresultdetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div30' runat='server' visible='true'>
                                    <div class='leftdiv'>
                                    </div>
                                    <div class='himsBoxTitle'>
                                        <div class='headerText table-topic'>
                                            <header>
                                                <label>Previous Employment</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='sscdiv' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv' id="PreviousEmployement">
                                        <table id='tblPreviousEmployement' class='table table-striped table-bordered'>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <%--<div class='himssuHeader6WireBox col-md-12 pTop15' id='HSCResultDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div32' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='headerText table-topic'>
                                            <header>
                                                <label>HSC Result Detail </label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='HSCDiv' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv' id="HSCResultDetail">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='JeeDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div31' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='headerText table-topic'>
                                            <header>
                                                <label>JEE Result  Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='JeeDiv' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv' id="JEEResultDetails">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='DiplomaDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div34' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Diploma Result Detail</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='DiplomaDiv' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv' id="DiplomaResultDetail">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15'>
                                <div class='himsBoxHeader card-head inner' id='Div8' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Demographic Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div9' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <%--<asp:DataList ID='DemographicDataList' runat='server'>
                                    <itemstyle cssclass=''> </Label>
                <div class='profilediv' id="DemographicDetails">
                </div>
        <%--</asp:DataList>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop5'>
                                <div class='himsBoxHeader card-head inner' id='Div2' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Communication</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div3' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv' id="Communication">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='TransportDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div26' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Transport Details'</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div27' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv' id="TransportDetails">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='GovRegDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div21' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Gov Reg.Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div22' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv' id="GovRegDetails"></div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='FamilyDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div5' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Family Information</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div6' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>

                                    <div class='profilediv' id="FamilyInformation">
                                    </div>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='SiblingDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div23' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Sibling Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div24' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>

                                    <div class='profilediv table-responsive' id="SiblingDetails">
                                    </div>
                                    <%--</asp:DataList>
                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='HealthDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div7' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Health Information</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div10' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>

                                    <div class='profilediv' id="HealthInformation">
                                    </div>

                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='HostelDetailsDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div13' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Hostel Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div14' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>

                                    <div class='profilediv' id="HostelDetails">
                                    </div>

                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='ClubDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div18' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Club Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div25' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>

                                    <div class='profilediv' id="ClubDetails">
                                        <div class='midborder profilediv paddingbottom row'>
                                            <div class='col-md-6 height35'>
                                                <b class='text-muted'>House : &nbsp; </b>
                                                <label id='HouseLabel'>dt.Rows[0][House]  </label>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='BankDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div12' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Bank Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div15' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>

                                    <div class='profilediv' id="BankDetails">
                                    </div>

                                </div>
                            </div>
                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='PassportDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div16' runat='server'>
                                    <div class='himsBoxTitle' id='PassportDetailDiv1' runat='server'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>Passport Details</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div17' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>
                                    <div class='profilediv' id="PassportDetails">
                                    </div>
                                </div>
                            </div>

                            <div class='himssuHeader6WireBox col-md-12 pTop15' id='CBSERegDetailDiv' runat='server'>
                                <div class='himsBoxHeader card-head inner' id='Div19' runat='server' visible='true'>
                                    <div class='himsBoxTitle'>
                                        <div class='gridHeaderText table-topic'>
                                            <header>
                                                <label>CBSERegDetailLabel</label>
                                            </header>
                                        </div>
                                    </div>
                                </div>
                                <div class='himsBoxContent pTop5'>
                                    <div id='Div20' class='himsBoxContentMsg' runat='server' visible='False'>
                                    </div>

                                    <div class='profilediv' id="CBSERegDetailLabel">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <%--</asp:Panel>--%>
                            <%--//<asp:PlaceHolder ID="StudentProfilePlaceHolder" runat="server" />--%>
                        </div>
                    </div>
                </div>
            </div>

            <script>
                function openNav() {
                    document.getElementById("mySidenav").style.width = "344px";
                }

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

        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
