<%@ page language="C#" autoeventwireup="true" inherits="Pages_OnlineAdmission_NewAdmissionForm, App_Web_r2nzgfvy" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href='<%# ResolveUrl("~/App_Themes/BlackTheme/bootstrap/css/bootstrap.min.css")%>' rel="Stylesheet" type="text/css" />
    <link href="~/App_Themes/BlackTheme/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="~/App_Themes/BlackTheme/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
    <style type="text/css">
        .auto-style1 {
            width: 100%;
        }

        .auto-style2 {
            height: 23px;
        }

        .auto-style1 tr td {
            border-style: outset;
            border-width: thin;
            margin-left: 80px;
        }

        input[type=password] {
            display: initial;
            padding: 0px 6px;
            padding-right: 2px !important;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px !important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

            input[type=password]:disabled {
                cursor: not-allowed;
                background-color: #eee;
                opacity: 1;
            }

            input[type=password]:read-only {
                cursor: not-allowed;
                background-color: #eee;
                opacity: 1;
            }

            input[type=password]:focus {
                border-color: #66afe9;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            }

            input[type=password]:hover {
                border-color: #66afe9;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            }

        label {
            font-size: 12px !important;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            padding-left: 2px;
            padding-right: 2px;
            font-weight: 600;
            color: #333;
        }

        .detail-label {
            font-size: 12px !important;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-weight: 500;
            padding-top: 10px;
            padding-left: 2px;
            padding-right: 2px;
            color: #333;
        }

        .gridview-textbox {
            width: 150% !important;
            height: 40px !important;
        }

        legend {
            border-bottom: 1px !important;
        }

        input[type=text], input[type=password] {
            width: 100% !important;
            height: 22px !important;
            background: transparent !important;
            border: 1px solid;
            border-color: #ccc !important;
            color: #333 !important;
        }

            input[type=text]:disabled, select:disabled {
                background-color: pink !important;
                opacity: 0.5 !important;
            }

        .null-message {
            color: #ed1c24;
            font-size: 12px;
            padding-top: 5px;
        }

        select {
            width: 100% !important;
            height: 22px !important;
            background: transparent;
            border: 1px solid;
            border-color: #ccc !important;
        }

        input[type=date] {
            line-height: normal !important;
            font-size: 16px !important;
            border-radius: 5px;
        }

        img {
            border: 1px solid black;
        }

        input[type="submit"] {
            /*background: url(../../Images/form-background.jpg);*/
            color: white;
            width: 100%;
            font-size: medium;
            font-weight: 600;
            background-color: #337ab7;
        }

            input[type="submit"]:hover {
                transition: all 0.2s linear;
                background: #337ab7;
                color: white;
            }

        .ui-datepicker {
            font-size: 11pt !important;
        }

        .mTop15 {
            margin-top: 15px;
        }

        .page-header {
            background-color: #337ab7;
            color: white;
            position: fixed;
            z-index: 2;
            text-align: center;
            width: 100%;
        }

        .well {
            background-color: gainsboro;
        }

        .divbg:hover {
            box-shadow: 0px 0px 0px 1px black;
            transition: all 0.5s ease;
        }

        .divbg {
            box-shadow: 0px 0px 2px 2px #337ab7;
            transition: all 1s ease;
        }

        .form-background {
            /*background: url(../../Images/form-background.jpg);*/
            background: url(../../Images/container-background.png);
            /*background-color: white;*/
        }

        .container {
            padding-left: 0px !important;
        }

        .container-background {
            /*background: url(../../Images/container-background.png);*/
            background-color: white;
            box-sizing: border-box;
        }

        .container-box {
            box-shadow: 0px 0px 2px 2px rgba(1,1,1,0.5);
            box-sizing: border-box;
        }

        .container-box-button {
            box-shadow: 0px 2px 2px rgba(1,1,1,0.5), -1px 2px 2px rgba(1,1,1,0.5), 2px 2px 2px rgba(1,1,1,0.5);
        }

        .box-gridview {
            box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
        }

        textarea {
            background: transparent;
            border: 1px solid black;
        }

            textarea:hover {
                border: 1px solid black;
            }

        .header {
            padding: 1px;
            padding-left: 9px;
            background: #337ab7;
            color: white;
            border-radius: 4px;
        }

        .table-striped > tbody > tr:nth-of-type(odd) {
            background-color: white !important;
            color: #333;
        }

        .table-striped > tbody > tr:nth-of-type(even) {
            background-color: white !important;
            color: #333;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server" class="form-background">

        <div class="row">
            <div class="col-lg-12">
                <div class="page-header" style="margin-top: 0; font-size: 24px; z-index: 2; font-weight: bold;">
                    <h3>
                        <asp:Label ID="schoolnameLabel" runat="server" Style="font-weight: 500; text-align: center;" Text=""></asp:Label></h3>

                </div>
            </div>
        </div>
        <div class="row">
        </div>
        <legend class="col-md-10 col-md-offset-1"></legend>
        <legend class="col-md-10 col-md-offset-1"></legend>
        <legend class="col-md-10 col-md-offset-1"></legend>

        <div class="container container-background container-box">

            <div style="padding-top: 10px;" runat="server" id="failuremessage" visible="false">

                <div class="alert alert-danger" style="margin-top: 63px !important; font-size: small; margin-bottom: 0px !important;">
                    <span class="glyphicon glyphicon-remove"></span><strong>Error !  Please check all the inputs.</strong>
                </div>
            </div>

            <div style="padding-top: 10px;" runat="server" id="failurebdaymessage" visible="false">
                <div class="alert alert-danger" style="margin-bottom: 0px !important; font-size: small">
                    <asp:Label runat="server" ID="BirthDateErrorLabel"></asp:Label>
                </div>
            </div>
            <legend class="col-md-10 col-md-offset-1"></legend>
            <div class="col-md-10 col-md-offset-1">
                <div class="header" style="margin-top: 0px; background-color: #333;">
                    <h4 style="text-align: center">Form for Registration/Admission</h4>
                </div>
            </div>
            <legend class="col-md-10 col-md-offset-1"></legend>
            <div class="">
                <div class="col-lg-12">
                    <div class="col-md-10 col-md-offset-1">
                        <div class="well well-sm divbg">
                            <strong>
                                <h6><span class="glyphicon glyphicon-asterisk"></span>Required Field</h6>
                            </strong>
                        </div>
                    </div>
                    <div class="col-md-10 col-md-offset-1" id="remarkdiv" runat="server" visible="false">
                        <div class="well well-sm divbg" style="background-color: #f2dede;">
                            <strong>
                                <h6>
                                    <asp:Label ID="AdmissionRemarkLabel" runat="server" Text="" Font-Bold="true"></asp:Label></h6>
                            </strong>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="row">
                            <div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="header">
                                        <strong>
                                            <h5>
                                                <strong>
                                                    <asp:Label ID="SchoolInformationLabel" runat="server" Text="School Information"></asp:Label>
                                                </strong>
                                            </h5>
                                        </strong>
                                    </div>
                                </div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName" class="mandatory">School Name</label>
                                        <div class="input-group">
                                            <asp:DropDownList ID="OrgDropDownList" Width="100%" runat="server" AutoPostBack="true" OnSelectedIndexChanged="OrgDropDownList_OnSelectedIndexChanged">
                                            </asp:DropDownList>
                                            <div id="orgnull" class="null-message" style="display: none">Select School</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName" class="mandatory">Batch</label>
                                        <div class="input-group">
                                            <asp:DropDownList ID="BatchDropDownList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="BatchDropDownList_OnSelectedIndexChanged">
                                            </asp:DropDownList>
                                            <div id="batchnull" class="null-message" style="display: none">Select Batch</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName" class="mandatory">Standard </label>
                                        <div class="input-group">
                                            <asp:DropDownList ID="StandardDropDownList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="StandardDropDownList_SelectedIndexChanged">
                                            </asp:DropDownList>
                                            <div id="standardnull" class="null-message" style="display: none">Select Standard</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="row">
                            <div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="header">
                                        <strong>
                                            <h5>
                                                <strong>
                                                    <asp:Label ID="Label5" runat="server" Text="Student Information"></asp:Label>
                                                </strong>
                                            </h5>
                                        </strong>
                                    </div>
                                </div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName" class="mandatory">Student Name</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FirstNameTextBox" runat="server" placeholder="Student Name" MaxLength="100" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                            <div id="fnamenull" class="null-message" style="display: none">Student Name is required</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Father Name</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="MiddleNameTextBox" runat="server" placeholder="Father Name" MaxLength="100" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">SurName</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="LastNameTextBox" runat="server" placeholder="SurName" MaxLength="100" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                            <%--<div id="lnamenull" class="null-message" style="display: none">SurName is required</div>--%>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName" class="mandatory">Gender</label>
                                        <div class="input-group">
                                            <asp:DropDownList ID="GenderDropDownList" runat="server">
                                            </asp:DropDownList>
                                            <asp:TextBox ID="GenderTextBox" runat="server" SkinID="CustomWidthTextBox" Visible="false" Enabled="false"></asp:TextBox>
                                            <div id="gendernull" class="null-message" style="display: none">Select Gender</div>
                                        </div>
                                    </div>



                                    <div class="col-md-4 mTop15">
                                        <label for="InputName" class="mandatory">Birth Date</label>
                                        <div class="input-group">
                                            <asp:TextBox runat="server" ID="BirthDateTextBox" placeholder="dd/mm/yyyy" onkeyup="FormatIt(this);" />
                                            <div id="dobdnull" class="null-message" style="display: none">DOB is required</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" runat="server" visible="false" id="BirthPlaceDiv">
                                        <label for="InputName">Birth Place</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="BirthPlaceTextBox" CssClass="gridview-textbox" runat="server" placeholder="Birthplace" MaxLength="150" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" runat="server" visible="false" id="BirthTalukaDiv">
                                        <label for="InputName">Birth Taluka</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="BirthTalukaTextBox" CssClass="gridview-textbox" runat="server" MaxLength="150" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" runat="server" visible="false" id="BirthDistDiv">
                                        <label for="InputName">Birth District</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="BirthDistrictTextBox" CssClass="gridview-textbox" runat="server" MaxLength="150" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" runat="server" visible="false" id="BirthStateDiv">
                                        <label for="InputName">Birth State</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="BirthStateTextBox" CssClass="gridview-textbox" runat="server" MaxLength="150" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" runat="server" visible="false" id="BirthCountryDiv">
                                        <label for="InputName">Birth Country</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="BirthCountryTextBox" CssClass="gridview-textbox" runat="server" MaxLength="150" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Previous School</label>
                                        <div class="input-group">
                                            <asp:TextBox runat="server" ID="PreviousSchoolTextBox" onkeypress="NumberNotAlllow()" />

                                        </div>
                                    </div>

                                    <div class="col-md-4 mTop15">
                                        <label for="InputEmail">Student Photo</label>
                                        <div class="input-group">
                                            <asp:FileUpload ID="StudentFileUpload" runat="server" />
                                            <img runat="server" id="StudentImage" height="50" width="50" style="margin-top: 10px" />

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

                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-10 col-md-offset-1">
                                <div class="header">
                                    <strong>
                                        <h5>
                                            <strong>
                                                <asp:Label ID="AddressLabel" runat="server" Text="Address & Contact Information"></asp:Label>
                                            </strong>
                                        </h5>
                                    </strong>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1">
                                <div class="col-md-4 mTop15">
                                    <label for="InputName">Street One</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="StreetOneTextBox" runat="server" placeholder="Street One" MaxLength="50"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-4 mTop15">
                                    <label for="InputName">Street Two</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="StreetTwoTextBox" runat="server" placeholder="Street Two" MaxLength="50"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-4 mTop15">
                                    <label for="InputName">Street Three</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="StreetThreeTextBox" runat="server" placeholder="Street Three" MaxLength="50"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-4 mTop15">
                                    <label for="InputName">City</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="CityTextBox" runat="server" placeholder="City" MaxLength="50" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-4 mTop15">
                                    <label for="InputName">State</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="StateTextBox" runat="server" placeholder="State" MaxLength="50" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-4 mTop15">
                                    <label for="InputName">Country</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="CountryTextBox" runat="server" placeholder="Country" MaxLength="50" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-4 mTop15">
                                    <label for="InputName">Zip Code</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="ZipCodeTextBox" runat="server" placeholder="Zip Code" onkeypress="return isNumberKey(event)" MaxLength="20"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-4 mTop15">
                                    <label for="InputName" class="mandatory">Mobile No.</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="MobileNoTextBox" runat="server" onkeypress="return isNumberKey(event)" placeholder="Mobile No." MaxLength="12"></asp:TextBox>
                                        <div id="mobilenull" class="null-message" style="display: none">Valid Mobile no. is required</div>

                                    </div>
                                </div>
                                <div class="col-md-4 mTop15">
                                    <label for="InputName">Contact Email</label>
                                    <div class="input-group">
                                        <asp:TextBox ID="EmailTextBox" runat="server" placeholder="Email" MaxLength="50" onchange="Javascript:validateEmail(this)"></asp:TextBox>
                                        <div id="emailnull" class="null-message" style="display: none">Email Id is not valid</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <legend class="col-md-10 col-md-offset-1"></legend>
                    <div class="form-group" id="Otherdetaildiv" visible="false" runat="server">
                        <div class="row">
                            <div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="header">
                                        <strong>
                                            <h5>
                                                <strong>
                                                    <asp:Label ID="CastLabel" runat="server" Text="Other Details"></asp:Label>
                                                </strong>
                                            </h5>
                                        </strong>
                                    </div>
                                </div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Religion</label>
                                        <div class="input-group">
                                            <asp:DropDownList ID="ReligionDropDownList" runat="server" onchange="DropDownCheck(this)">
                                            </asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Family Caste</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="CastTextBox" runat="server" placeholder="Family Caste" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>

                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Caste Category </label>
                                        <div class="input-group">
                                            <asp:DropDownList ID="CastCategoryDropDownList" runat="server" onchange="DropDownCheck(this)" onkeypress="NumberNotAlllow()">
                                            </asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Nationality</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="NationalityTextBox" runat="server" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Mother Tongue</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="MotherTongueTextBox" runat="server" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="BGDiv" runat="server" visible="false">
                                        <label for="InputName">Blood Group</label>
                                        <div class="input-group">
                                            <asp:DropDownList ID="BloodGroupDropDownList" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="AdhaarDiv" runat="server" visible="false">
                                        <label for="InputName">Aadhar Number</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="AdhaarNumberTextBox" runat="server" MaxLength="20"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Other Information</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="BloodgroupTextBox" runat="server"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Live With</label>
                                        <div class="input-group">
                                            <asp:DropDownList ID="LiveWithDropDownList" runat="server"></asp:DropDownList>
                                        </div>
                                    </div>
                                    <div id="CustomField1Div" runat="server" visible="false" class="col-md-4 mTop15">
                                        <asp:Label Font-Bold="true" ID="CustomField1AnswerLabel" runat="server"></asp:Label>
                                        <asp:Label ID="MCustomField1AnswerLabel" runat="server" class="mandatory" Visible="false"></asp:Label>
                                        <div class="input-group">
                                            <asp:TextBox ID="CustomField1AnswerTextBox" runat="server" MaxLength="200" SkinID="CustomWidthTextbox" Visible="false"></asp:TextBox>
                                            <asp:DropDownList runat="server" Visible="false" ID="CustomField1DropDownList"></asp:DropDownList>
                                        </div>
                                    </div>

                                    <div id="CustomField2Div" runat="server" visible="false" class="col-md-4 mTop15">
                                        <asp:Label Font-Bold="true" ID="CustomField2AnswerLabel" runat="server"></asp:Label>
                                        <asp:Label ID="MCustomField2AnswerLabel" runat="server" class="mandatory" Visible="false"></asp:Label>
                                        <div class="input-group">
                                            <asp:TextBox ID="CustomField2AnswerTextBox" runat="server" MaxLength="200" SkinID="CustomWidthTextbox" Visible="false"></asp:TextBox>
                                            <asp:DropDownList runat="server" Visible="false" ID="CustomField2DropDownList"></asp:DropDownList>
                                        </div>
                                    </div>

                                    <div id="CustomField3Div" runat="server" visible="false" class="col-md-4 mTop15">
                                        <asp:Label Font-Bold="true" ID="CustomField3AnswerLabel" runat="server"></asp:Label>
                                        <asp:Label ID="MCustomField3AnswerLabel" runat="server" class="mandatory" Visible="false"></asp:Label>
                                        <div class="input-group">
                                            <asp:TextBox ID="CustomField3AnswerTextBox" runat="server" MaxLength="200" SkinID="CustomWidthTextbox" Visible="false"></asp:TextBox>
                                            <asp:DropDownList runat="server" Visible="false" ID="CustomField3DropDownList"></asp:DropDownList>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="col-md-4 mTop15" id="HOstelDiv" runat="server" visible="false">
                                        <div class="input-group">
                                            <asp:CheckBox ID="hostelCheckBox" runat="server"></asp:CheckBox>
                                            <label for="InputName">Hostel Required</label>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <legend class="col-md-10 col-md-offset-1"></legend>
                    <div class="form-group" id="Transportdetaildiv" visible="false" runat="server">
                        <div class="row">
                            <div class="col-md-10 col-md-offset-1">
                                <div class="header">
                                    <strong>
                                        <h5>
                                            <strong>
                                                <asp:Label ID="Label3" runat="server" Text="Transport Details"></asp:Label>
                                            </strong>
                                        </h5>
                                    </strong>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1">
                                <div class="col-md-4 mTop15">
                                    <div class="input-group">
                                        <asp:CheckBox ID="TransportCheckBox" runat="server"></asp:CheckBox>
                                        <label for="InputName">Transport Required</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group" id="SchoolDetail" visible="false" runat="server">
                        <legend class="col-md-10 col-md-offset-1"></legend>
                        <div class="row">
                            <div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="header">
                                        <strong>
                                            <h5>
                                                <strong>
                                                    <asp:Label ID="StudentInformationHeaderLabel" runat="server" Text="Student Academic Details"></asp:Label>
                                                </strong>
                                            </h5>
                                        </strong>
                                    </div>
                                </div>
                                <div class="col-md-10 col-md-offset-1">
                                    <asp:GridView ID="AdmissionSetupGridView" runat="server" Width="100%" AutoGenerateColumns="False"
                                        AllowPaging="false" ShowHeader="True"
                                        CssClass="table table-striped table-bordered" OnRowDataBound="AdmissionSetupGridView_RowDataBound">
                                        <Columns>
                                            <asp:TemplateField HeaderText="Class" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="ClassNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ClassName") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Academic Year" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="AcademicYearTextBox" onkeypress="return onlyNumbers(this);" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("AcademicYear") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Institute Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="InstituteNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteName") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Institute City" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="InstituteCityTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteCity") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Institute Affiliaton" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="InstituteAffiliatonTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteAffiliaton") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Result" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="ResultTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Result") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Medium of Study" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                                <ItemTemplate>
                                                    <asp:TextBox ID="LanguageTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Language") %>'></asp:TextBox>
                                                </ItemTemplate>
                                            </asp:TemplateField>

                                        </Columns>
                                        <PagerSettings Visible="False" />
                                    </asp:GridView>
                                </div>
                            </div>
                        </div>
                        <legend class="col-md-10 col-md-offset-1"></legend>
                    </div>

                    <div class="form-group" runat="server" id="FatherFamilyDetailsDiv" visible="false">
                        <div class="row">
                            <div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="header">
                                        <strong>
                                            <h5>
                                                <strong>
                                                    <asp:Label ID="FatherInfromationLabel" runat="server" Text="Father Information"></asp:Label>
                                                </strong>
                                            </h5>
                                        </strong>
                                    </div>
                                </div>
                                <div class="col-md-10 col-md-offset-1">
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Full Name</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherNameTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()" placeholder="Name"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="FatherBdayDiv" runat="server" visible="false">
                                        <label for="InputEmail">Birth Date</label>
                                        <div class="input-group">
                                            <asp:TextBox runat="server" CssClass="gridview-textbox" ID="FatherBirthDateTextBox" placeholder="dd/mm/yyyy" onkeypress="OnlyNumericEntry()" />
                                        </div>
                                    </div>

                                    <div class="col-md-4 mTop15" id="Qualificationdiv" runat="server" visible="false">
                                        <label for="InputName">Qualification</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherQualificationTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="Occupationdiv" runat="server" visible="false">
                                        <label for="InputName">Occupation</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherOccupationTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()" placeholder="Occupation"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputName">Mobile No.</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherMobileNoTextBox" CssClass="gridview-textbox" runat="server" onkeypress="return isNumberKey(event)" placeholder="Mobile No." MaxLength="12"></asp:TextBox>
                                            <div id="fmobilenull" class="null-message" style="display: none">Valid Mobile no. is required</div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="Emaildiv" runat="server" visible="false">
                                        <label for="InputName">Email</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherEmailTextBox" CssClass="gridview-textbox" runat="server" placeholder="Email" onchange="validateEmail(this)"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="YearIncomeDiv" runat="server" visible="false">
                                        <label for="InputEmail">Yearly Income</label>
                                        <div class="input-group">
                                            <asp:TextBox runat="server" CssClass="gridview-textbox" ID="FatherYearlyIncomeTextBox" placeholder="Yearly Income" onkeypress="return isNumberKey(event)" />
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="OrgDiv" runat="server" visible="false">
                                        <label for="InputName">Organization</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherOrganizationTextBox" CssClass="gridview-textbox" runat="server" onkeypress="checkNum()" placeholder="Organization"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="Designation" runat="server" visible="false">
                                        <label for="InputName">Designation</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="DesignationTextBox" CssClass="gridview-textbox" runat="server" placeholder="Designation" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="OfficePhone" runat="server" visible="false">
                                        <label for="InputName">OfficePhone</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherOfficePhoneTextBox" CssClass="gridview-textbox" runat="server" onkeypress="return isNumberKey(event)" placeholder="OfficePhone" MaxLength="12"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15" id="ExStudent" runat="server" visible="false">

                                        <div class="input-group">
                                            <asp:CheckBox ID="FatherExStudentCheckBox" runat="server"
                                                onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"></asp:CheckBox>
                                            <label for="InputName">Father ExStudent</label>

                                        </div>
                                    </div>

                                    <div class="col-md-4 mTop15" id="FatherExStudentDiv" style="display: none;">
                                        <label for="InputName">Father PassOutYear</label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherPassOutYearTextBox" runat="server" placeholder="Father PassOutYear" onkeypress="return isNumberKey(event)"></asp:TextBox>
                                        </div>
                                    </div>

                                    <br />
                                    <div class="col-md-4 mTop15" id="OfficeAddressDiv" runat="server" visible="false">
                                        <label for="InputName">Office Address </label>
                                        <div class="input-group">
                                            <asp:TextBox ID="FatherOfficeAddressTextBox" Height="100px" TextMode="MultiLine" runat="server" placeholder="Office Address"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-4 mTop15">
                                        <label for="InputEmail">Photo</label>
                                        <div class="input-group">
                                            <asp:FileUpload ID="FatherFileUpload" runat="server" />
                                            <img runat="server" id="FatherImage" height="50" width="50" style="margin-top: 10px" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <legend class="col-md-10 col-md-offset-1 mTop15"></legend>
                    <div class="row" id="FatherAcdemicDeatil" runat="server" visible="false">
                        <div class="col-md-10 col-md-offset-1 mTop15">
                            <asp:GridView ID="AdmissionSetupGridViewFather" runat="server" Width="100%" AutoGenerateColumns="False"
                                AllowPaging="false" ShowHeader="True"
                                CssClass="table table-striped table-bordered">
                                <Columns>
                                    <asp:TemplateField HeaderText="Class" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="ClassNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ClassName") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Academic Year" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="AcademicYearTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("AcademicYear") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Institute Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="InstituteNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteName") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Institute City" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="InstituteCityTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteCity") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Institute Affiliaton" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="InstituteAffiliatonTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteAffiliaton") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Medium of Study" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="LanguageTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Language") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                                <PagerSettings Visible="False" />
                            </asp:GridView>
                        </div>
                    </div>


                    <div>
                        <div class="form-group" runat="server" id="MotherFamilyDetailsDiv" visible="false">
                            <div class="row">
                                <div>
                                    <div class="col-md-10 col-md-offset-1">
                                        <div class="header">
                                            <strong>
                                                <h5>
                                                    <strong>
                                                        <asp:Label ID="MotherInformationLabel" runat="server" Text="Mother Information"></asp:Label>
                                                    </strong>
                                                </h5>
                                            </strong>
                                        </div>
                                    </div>
                                    <div class="col-md-10 col-md-offset-1">
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Full Name</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherNameTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()" placeholder="Name"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4" id="MotherBdayDiv" runat="server" visible="false">
                                            <label for="InputEmail">Birth Date</label>
                                            <div class="input-group">
                                                <asp:TextBox runat="server" CssClass="gridview-textbox" ID="MotherBirthDateTextBox" placeholder="dd/mm/yyyy" onkeypress="OnlyNumericEntry()" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MQualificationDiv">
                                            <label for="InputName">Qualification</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherQualificationTextBox" CssClass="gridview-textbox" runat="server" placeholder="Qualification" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MotherOccDiv">
                                            <label for="InputName">Occupation</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherOccupationTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()" placeholder="Occupation"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Mobile No.</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherMobilNoTextBox" CssClass="gridview-textbox" runat="server" onkeypress="return isNumberKey(event)" placeholder="Mobile No." MaxLength="12"></asp:TextBox>
                                                <div id="mmobilenull" class="null-message" style="display: none">Valid Mobile no. is required</div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MotherEmailDiv">
                                            <label for="InputName">Email</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherEmailTextBox" CssClass="gridview-textbox" runat="server" placeholder="Email" onchange="validateEmail(this)"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MotherYIncomeDIv">
                                            <label for="InputEmail">Yearly Income</label>
                                            <div class="input-group">
                                                <asp:TextBox runat="server" CssClass="gridview-textbox" ID="MotherIncomeTextBox" placeholder="Yearly Income" onkeypress="return isNumberKey(event)" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MotherOrgDiv">
                                            <label for="InputName">Organization</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherOrganizationTextBox" CssClass="gridview-textbox" runat="server" onkeypress="checkNum()" placeholder="Organization"></asp:TextBox>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MohterDesignationDiv">
                                            <label for="InputName">Designation</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherDesignationTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()" placeholder="Designation"></asp:TextBox>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MotherOfficePhDiv">
                                            <label for="InputName">OfficePhone</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherOfficePhoneTextBox" CssClass="gridview-textbox" runat="server" onkeypress="return isNumberKey(event)" placeholder="OfficePhone" MaxLength="12"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MotherExDiv">

                                            <div class="input-group">
                                                <asp:CheckBox ID="MotherExStudentCheckBox" runat="server" SkinID="CustomWidthCheckBox"
                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"></asp:CheckBox>
                                                <label for="InputName">Mother ExStudent</label>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" id="MotherExStudentdiv" style="display: none;">
                                            <label for="InputName">Mother PassOutYear</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherPassOutyearTextBox" runat="server" placeholder="Mother PassOutyear" onkeypress="return isNumberKey(event)"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="MotherOfficeAddDiv">
                                            <label for="InputName">Office Address </label>
                                            <div class="input-group">
                                                <asp:TextBox ID="MotherOfficeAddressTextBox" TextMode="MultiLine" Height="100px" runat="server" placeholder="Office Address"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15">
                                            <label for="InputEmail">Photo</label>
                                            <div class="input-group">
                                                <asp:FileUpload ID="MotherFileUpload" runat="server" />
                                                <img runat="server" id="MotherImage" height="50" width="50" style="margin-top: 10px" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <legend class="col-md-10 col-md-offset-1 mTop15"></legend>
                        <div class="row" runat="server" id="MotherAcedamicDetailsDiv" visible="false">

                            <div class="col-md-10 col-md-offset-1 mTop15">
                                <asp:GridView ID="AdmissionSetupGridViewMother" runat="server" Width="100%" AutoGenerateColumns="False"
                                    AllowPaging="false" ShowHeader="True"
                                    CssClass="table table-striped table-bordered">
                                    <Columns>
                                        <asp:TemplateField HeaderText="Class" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="ClassNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ClassName") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Academic Year" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="AcademicYearTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("AcademicYear") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Institute Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="InstituteNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteName") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Institute City" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="InstituteCityTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteCity") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Institute Affiliaton" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="InstituteAffiliatonTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteAffiliaton") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Medium of Study" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="LanguageTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Language") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>

                                    </Columns>
                                    <PagerSettings Visible="False" />
                                </asp:GridView>
                            </div>
                        </div>

                        <legend class="col-md-10 col-md-offset-1 mTop15"></legend>
                        <div class="form-group" runat="server" id="GuardianFamilyDetailsDiv" visible="false">
                            <div class="row">
                                <div>
                                    <div class="col-md-10 col-md-offset-1">
                                        <div class="header">
                                            <strong>
                                                <h5>
                                                    <strong>
                                                        <asp:Label ID="GuardianInformationLabel" runat="server" Text="Guardian Information (in case student live with guardian)"></asp:Label>
                                                    </strong>
                                                </h5>
                                            </strong>
                                        </div>
                                    </div>
                                    <div class="col-md-10 col-md-offset-1">
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Full Name</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuardianNameTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()" placeholder="Name"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4" runat="server" id="GuardianBdayDiv" visible="false">
                                            <label for="InputEmail">Birth Date</label>
                                            <div class="input-group">
                                                <asp:TextBox runat="server" CssClass="gridview-textbox" ID="GuardianBirthDateTextBox" placeholder="dd/mm/yyyy" onkeypress="OnlyNumericEntry()" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardQualDiv">
                                            <label for="InputName">Qualification</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuardianQualificationTextBox" CssClass="gridview-textbox" runat="server" placeholder="Qualification" onkeypress="NumberNotAlllow()"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardOccDiv">
                                            <label for="InputName">Occupation</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuardianOccupationTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()" placeholder="Occupation"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Mobile No.</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuardianMobileNoTextBox" CssClass="gridview-textbox" runat="server" onkeypress="return isNumberKey(event)" placeholder="Mobile No." MaxLength="12"></asp:TextBox>
                                                <div id="gmobilenull" class="null-message" style="display: none">Valid Mobile no. is required</div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardEmailDiv">
                                            <label for="InputName">Email</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuardianEmailTextBox" CssClass="gridview-textbox" runat="server" placeholder="Email" onchange="validateEmail(this)"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardYIDiv">
                                            <label for="InputEmail">Yearly Income</label>
                                            <div class="input-group">
                                                <asp:TextBox runat="server" ID="GuardianYearlyIncomeTextBox" CssClass="gridview-textbox" placeholder="Yearly Income" onkeypress="return isNumberKey(event)" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardOrgDiv">
                                            <label for="InputName">Organization</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuuardianOrganizationTextBox" CssClass="gridview-textbox" runat="server" onkeypress="checkNum()" placeholder="Organization"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardDesiDiv">
                                            <label for="InputName">Designation</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuuardianDesigantionTextBox" CssClass="gridview-textbox" runat="server" onkeypress="NumberNotAlllow()" placeholder="Designation"></asp:TextBox>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardOfficeDiv">
                                            <label for="InputName">Office Phone</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuardianOfficePhoneTextBox" CssClass="gridview-textbox" runat="server" onkeypress="return isNumberKey(event)" placeholder="Office Phone" MaxLength="12"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardRelWithDiv">
                                            <label for="InputEmail">Relation with Guardian</label>
                                            <div class="input-group">
                                                <asp:TextBox runat="server" ID="RelationWithGuardianTextBox" CssClass="gridview-textbox" placeholder="Relation With Guardian" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardExDiv">

                                            <div class="input-group">
                                                <asp:CheckBox ID="RelativeExStudentCheckBox" runat="server"
                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"></asp:CheckBox>
                                                <label for="InputName">Relative ExStudent </label>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" id="RelativeExStudentdiv" style="display: none;">
                                            <label for="InputName">Relative PassOutYear</label>
                                            <div class="input-group">
                                                <asp:TextBox ID="RelativePassOutYearTextBox" runat="server" placeholder="Relative PassOutYear" onkeypress="return isNumberKey(event)"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15" runat="server" visible="false" id="GuardOffAddDiv">
                                            <label for="InputName">Office Address </label>
                                            <div class="input-group">
                                                <asp:TextBox ID="GuardianOfficeAddressTextBox" TextMode="MultiLine" Height="100px" runat="server" placeholder="Office Address"></asp:TextBox>
                                            </div>
                                        </div>

                                        <div class="col-md-4 mTop15">
                                            <label for="InputEmail">Photo</label>
                                            <div class="input-group">
                                                <asp:FileUpload ID="GuardianFileUpload" runat="server" />
                                                <img runat="server" id="GuardianImage" height="50" width="50" style="margin-top: 10px" />
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" runat="server" id="GuardianAcdemicDetailsDiv" visible="false">

                            <div class="col-md-10 col-md-offset-1 mTop15">
                                <asp:GridView ID="AdmissionSetupGridViewGuardian" runat="server" Width="100%" AutoGenerateColumns="False"
                                    AllowPaging="false" ShowHeader="True"
                                    CssClass="table table-striped table-bordered">
                                    <Columns>
                                        <asp:TemplateField HeaderText="Class" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="ClassNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ClassName") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Academic Year" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="AcademicYearTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("AcademicYear") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Institute Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="InstituteNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteName") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Institute City" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="InstituteCityTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteCity") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Institute Affiliaton" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="InstituteAffiliatonTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteAffiliaton") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Medium of Study" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="LanguageTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Language") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                                    <PagerSettings Visible="False" />
                                </asp:GridView>
                            </div>
                        </div>


                        <legend class="col-md-10 col-md-offset-1 mTop15"></legend>
                    </div>

                </div>

                <div class="form-group" runat="server" id="SiblingDetailsDiv" visible="false">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="header">
                                <strong>
                                    <h5>
                                        <strong>
                                            <asp:Label ID="MobileNoHeaderLabel" runat="server" Text="Details of Siblings studying/studied in School"></asp:Label>
                                        </strong>
                                    </h5>
                                </strong>
                            </div>
                        </div>
                        <div class="col-md-10 col-md-offset-1">
                            <asp:GridView ID="AdmissionSetupGridViewSibling" runat="server" Width="100%" AutoGenerateColumns="False"
                                AllowPaging="false" ShowHeader="True"
                                DataKeyNames="Id"
                                CssClass="table table-striped table-bordered">
                                <Columns>
                                    <asp:TemplateField HeaderText="ID No/GR No " ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="IDNo_GRNoTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="20" Text='<%# Bind("Code") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="SiblingNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("SiblingName") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Relation" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="SiblingRelationTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="50" Text='<%# Bind("SiblingRelation") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Standard" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="SiblingStandardTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="50" Text='<%# Bind("SiblingStandard") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="School Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:TextBox ID="SiblingSchoolTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="150" Text='<%# Bind("SiblingSchool") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                                <PagerSettings Visible="False" />
                            </asp:GridView>
                        </div>
                    </div>
                    <legend class="col-md-10 col-md-offset-1"></legend>
                </div>
                <div class="form-group" runat="server" id="ReferenceDetailsDiv" visible="false">
                    <div class="row">
                        <div>
                            <div class="col-md-10 col-md-offset-1">
                                <div class="header">
                                    <strong>
                                        <h5>
                                            <strong>
                                                <asp:Label ID="ReferenceInfromationLabel" runat="server" Text="Reference"></asp:Label>
                                            </strong>
                                        </h5>
                                    </strong>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1">
                                <asp:GridView ID="AdmissionSetupGridViewReference" runat="server" Width="100%" AutoGenerateColumns="False"
                                    AllowPaging="false" ShowHeader="True"
                                    CssClass="table table-striped table-bordered" OnRowDataBound="AdmissionSetupGridViewReference_RowDataBound">
                                    <Columns>
                                        <asp:TemplateField HeaderText="Reference Detail" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="ReferenceDetailTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ReferenceDetail") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="ReferenceNameTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ReferenceName") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Relation" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="ReferenceRelationTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ReferenceRelation") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Contact No" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:TextBox ID="ReferenceContactNoTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ReferenceContactNo") %>'></asp:TextBox>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                                    <PagerSettings Visible="False" />
                                </asp:GridView>
                            </div>

                        </div>
                    </div>
                    <legend class="col-md-10 col-md-offset-1"></legend>
                </div>

                <legend class="col-md-10 col-md-offset-1"></legend>
                <div class="form-group" runat="server" id="HealthDiv" visible="false">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="header">
                                <strong>
                                    <h5>
                                        <strong>
                                            <asp:Label ID="Label2" runat="server" Text="Health Deatil"></asp:Label>
                                        </strong>
                                    </h5>
                                </strong>
                            </div>
                        </div>
                        <div class="col-md-10 col-md-offset-1">
                            <div class="col-md-4 mTop15">
                                <div class="input-group">
                                    <asp:CheckBox ID="PhysicalDeformityCheckBox" AutoPostBack="true"
                                        runat="server" OnCheckedChanged="PhysicalDeformityCheckBox_CheckChange" />
                                    <label for="InputName">Physical Deformity</label>
                                </div>
                            </div>
                            <div class="col-md-4 mTop15">
                                <label for="InputName">Physical Deformity Remark</label>
                                <div class="input-group">
                                    <asp:TextBox ID="pRemarkTextBox" runat="server" Enabled="false"></asp:TextBox>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-10 col-md-offset-1">
                            <div class="col-md-4 mTop15">

                                <div class="input-group">
                                    <asp:CheckBox ID="MajorIllnessCheckBox" AutoPostBack="true" OnCheckedChanged="MajorIllnessCheckBox_CheckChange"
                                        runat="server" />
                                    <label for="InputName">Major Illness</label>
                                </div>
                            </div>
                            <div class="col-md-4 mTop15">
                                <label for="InputName">Major Illness Remark</label>
                                <div class="input-group">
                                    <asp:TextBox ID="MRemarkTextBox" runat="server" Enabled="false"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-10 col-md-offset-1">
                            <div class="col-md-4 mTop15">
                                <div class="input-group">
                                    <asp:CheckBox ID="IsAllergyCheckBox" AutoPostBack="true" OnCheckedChanged="AllergyCheckBox_CheckChange"
                                        runat="server" />
                                    <label for="InputName">Allergy</label>
                                </div>
                            </div>
                            <div class="col-md-4 mTop15">
                                <label for="InputName">Allergy Remark</label>
                                <div class="input-group">
                                    <asp:TextBox ID="ARemarkTextBox" runat="server" Enabled="false"></asp:TextBox>
                                </div>
                            </div>
                        </div>

                    </div>
                    <legend class="col-md-10 col-md-offset-1 mTop15"></legend>
                </div>
                <legend class="col-md-10 col-md-offset-1"></legend>
                <div class="form-group" runat="server" id="PasswordDiv">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="header">
                                <strong>
                                    <h5>
                                        <strong>
                                            <asp:Label ID="Password" runat="server" Text="Password" CssClass="mandatory"></asp:Label>
                                        </strong>
                                    </h5>
                                </strong>
                            </div>
                        </div>
                        <div class="col-md-10 col-md-offset-1">
                            <div class="col-md-4 mTop15">
                                <div class="input-group">
                                    <asp:TextBox ID="PasswordTextBox" runat="server" TextMode="Password" onkeypress="CheckPassword()" placeholder="&#9679;&#9679;&#9679;&#9679;&#9679;"></asp:TextBox>
                                    <div id="passnull" class="null-message" style="display: none">Password is required</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <legend class="col-md-10 col-md-offset-1 mTop15"></legend>
                </div>


                <div class="form-group" runat="server" id="ConfirmPasswordDiv">
                    <legend class="col-md-10 col-md-offset-1"></legend>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="header">
                                <strong>
                                    <h5>
                                        <strong>
                                            <asp:Label ID="Label1" runat="server" Text="Confirm Password" CssClass="mandatory"></asp:Label>
                                        </strong>
                                    </h5>
                                </strong>
                            </div>
                        </div>
                        <div class="col-md-10 col-md-offset-1">
                            <div class="col-md-4 mTop15">
                                <div class="input-group">
                                    <asp:TextBox ID="ConfirmPasswordTextBox" runat="server" TextMode="Password" onkeypress="CheckPassword()" placeholder="&#9679;&#9679;&#9679;&#9679;&#9679;"></asp:TextBox>
                                    <div id="confirmpassnull" class="null-message" style="display: none">Confirmation is required</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12" style="margin-bottom: 10px">
                <div class="col-md-2 col-md-offset-5" style="padding-bottom: 9px">
                    <asp:Button ID="RegisterButton" runat="server" Text="Register" OnClick="RegisterButton_Click" />
                </div>
                <div class="col-md-2">
                    <asp:Button ID="CancelButton" Text="Cancel" runat="server" OnClick="CancelButton_Click" />
                </div>
            </div>
        </div>
        </div>
        </div>
    </form>
</body>
</html>
<script src='<%# ResolveUrl("~/App_Themes/BlackTheme/plugins/jQueryUI/jquery-ui.min.js")%>' type="text/javascript"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        var currentYear = (new Date).getFullYear();
        $("#BirthDateTextBox").datepicker({
            dateFormat: 'dd/mm/yy',
            changeYear: true,
            changeMonth: true,
            yearRange: "1950:currentYear"
        }).val();
    });
    function FormatIt(obj) {
        if (obj.value.length == 2)
            obj.value = obj.value + "/";
        if (obj.value.length == 5)
            obj.value = obj.value + "/";
    }
    function isNumberKey(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        else {
            var mobile = document.getElementById("MobileNoTextBox").value;
            var DOB = document.getElementById("BirthDateTextBox").value;
            if (mobile != "") {
                document.getElementById("mobilenull").style.display = 'none';
            }
            if (DOB != "") {
                document.getElementById("dobdnull").style.display = 'none';
            }
        }
    }
    function CheckPassword() {
        var pass = document.getElementById("PasswordTextBox").value;
        var conpass = document.getElementById("ConfirmPasswordTextBox").value;
        if (pass != "") {
            document.getElementById("passnull").style.display = 'none';
        }
        if (conpass != "") {
            document.getElementById("confirmpassnull").style.display = 'none';
        }
    }

    function NumberNotAlllow() {
        if ((event.keyCode > 64 && event.keyCode < 91) || (event.keyCode > 96 && event.keyCode < 123)

       || event.keyCode == 8 || event.keyCode == 32 || event.keyCode == 13 || event.keyCode ==

       176) {
            event.returnValue = true;
        }
        else {
            event.returnValue = false;
        }
    }

    function validateEmail(email) {
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        if (!filter.test(email.value)) {
            alert('Please provide a valid email address');
            email.focus;
            email.value = "";
            return false;
        }
    }

    $("#FatherExStudentCheckBox").click(function () {
        if ($('#FatherExStudentCheckBox').is(':checked')) {
            $('#FatherExStudentDiv').show();
        }
        else {
            $('#FatherExStudentDiv').hide();
        }

    });

    $("#MotherExStudentCheckBox").click(function () {
        if ($('#MotherExStudentCheckBox').is(':checked')) {
            $("#MotherExStudentdiv").show();
        }
        else {
            $("#MotherExStudentdiv").hide();
        }
    });

    $("#RelativeExStudentCheckBox").click(function () {
        if ($("#RelativeExStudentCheckBox").is(':checked')) {
            $("#RelativeExStudentdiv").show();
        }
        else {
            $("#RelativeExStudentdiv").hide();
        }

    });
</script>
