<%@ page language="C#" autoeventwireup="true" inherits="Pages_Recruitment_OnlineCandidateForm, App_Web_124ncvvl" enableEventValidation="false" viewStateEncryptionMode="Never" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/solid.css" integrity="sha384-wnAC7ln+XN0UKdcPvJvtqIH3jOjs9pnKnq9qX68ImXvOGz2JuFoEiCjT8jyZQX2z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/fontawesome.css" integrity="sha384-HbmWTHay9psM8qyzEKPc8odH4DsOuzdejtnr+OFtDmOcIVnhgReQ4GZBH7uwcjf6" crossorigin="anonymous">
    <link href="../../App_Themes/admission/css/bootstrap.css" rel="stylesheet" />
    <link href="../../App_Themes/admission/css/style.css" rel="stylesheet" />
    <link href="../../App_Themes/admission/css/jquery-ui.css" rel="stylesheet" />
    <link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
</head>
<body style="background-image: url(../../App_Themes/Recruitment/images/Background.png); background-repeat: no-repeat; background-size: cover;">

    <div class="w3l-main">
        <div class="row">
            <div class="col-lg-12">
                <div class="page-header">
                    <h3>
                        <asp:Label ID="schoolnameLabel" runat="server" Style="font-weight: 500; text-align: center;" Text=""></asp:Label></h3>
                    <h4 class="pTop6">Application Form</h4>
                </div>
            </div>

        </div>

        <form id="form1" runat="server" class="w3l-from container">
            <div class="col-lg-12 padd-0 mt1" 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>

            <div class="col-lg-12 padd-0 mt1" runat="server" id="Div1" visible="false">
                <div class="alert alert-danger">
                    <i class="fas fa-times"></i>&nbsp;&nbsp;&nbsp;Error ! Please check all the inputs.
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" runat="server" id="Div2" visible="false">
                <div class="alert alert-danger">
                    <asp:Label runat="server" ID="Label3"></asp:Label>
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1">
                <div class="alert alert-danger">
                    <i class="fa fa-asterisk "></i>&nbsp;&nbsp;&nbsp;Required Field
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" id="Div3" runat="server" visible="false">
                <div class="alert alert-info">
                    <h6>
                        <asp:Label ID="Label4" runat="server" Text=""></asp:Label>
                    </h6>
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" runat="server" id="failuremessage" visible="false">
                <div class="alert alert-danger">
                    <i class="fas fa-times"></i>&nbsp;&nbsp;&nbsp;Error ! Please check all the inputs.
                </div>
            </div>

            <div class="col-lg-12 padd-0 mt1" id="remarkdiv" runat="server" visible="false">
                <div class="alert alert-info">
                    <h6>
                        <asp:Label ID="AdmissionRemarkLabel" runat="server" Text=""></asp:Label>

                    </h6>
                </div>
            </div>
            <div class="col-lg-12 padd-0 mt1" id="FormRemarkDiv" runat="server" visible="false">
                <div class="alert alert-info">
                    <h6>
                        <asp:Label ID="FormRemarkLabel" runat="server" Text=""></asp:Label>

                    </h6>
                </div>
            </div>
            <div class="form-group">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="Span1" runat="server" class=""><i class="fas fa-user-graduate bg-yellow"></i>&nbsp;Candidate Information</span>
                        </h5>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Vacancy</label>
                            <div class="input-group">
                                <asp:DropDownList ID="VacancyDropDownList" CssClass="form-control" runat="server" AutoPostBack="true" OnSelectedIndexChanged="VacancyDropDownList_SelectedIndexChanged">
                                </asp:DropDownList>
                                <div id="Vacancynull" class="null-message" style="display: none">Select Vacancy</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" id="OrgDiv" runat="server" visible="false">
                        <div class="bg-white">
                            <label for="InputName">Organization</label>
                            <div class="input-group">
                                <asp:DropDownList ID="OrganizationDropDownList" CssClass="form-control" runat="server">
                                </asp:DropDownList>
                                <div id="Orgnull" class="null-message" style="display: none">Select Organization</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" style="display: none">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Candidate No</label>
                            <div class="input-group">
                                <asp:TextBox ID="CandidateNoTextBox" Enabled="false" runat="server" CssClass="form-control" MaxLength="10"></asp:TextBox>
                                <div id="CandidateNonull" class="null-message" style="display: none">Candidate No is required</div>
                            </div>
                        </div>
                    </div>
                    <%--<asp:HiddenField ID="CandidateNumber" runat="server" />--%>

                    <br />
                    <br />
                    <br />
                    <br />
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Candidate Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="FirstNameTextBox" CssClass="form-control" runat="server" placeholder="Candidate Name" MaxLength="100"></asp:TextBox>
                                <div id="fnamenull" class="null-message" style="display: none">Candidate Name is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="MiddleNameDiv">
                        <div class="bg-white">
                            <label for="InputName">Father Name</label>
                            <asp:Label ID="MiddleNamelbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="MiddleNameTextBox" CssClass="form-control" runat="server" placeholder="Father Name" MaxLength="100"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="SurNameDiv"> <%--MAntis - 0032015--%>
                        <div class="bg-white">
                            <label for="InputName">Surname</label>
                            <asp:Label ID="SurNamelbl" runat="server" class="mandatory" Visible="false"></asp:Label> <%--MAntis - 0032015--%>
                            <div class="input-group">
                                <asp:TextBox ID="LastNameTextBox" CssClass="form-control" runat="server" placeholder="SurName" MaxLength="100"></asp:TextBox>
                                <div id="lnamenull" class="null-message" style="display: none">SurName is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Gender</label>
                            <div class="input-group">
                                <asp:DropDownList ID="GenderDropDownList" CssClass="form-control" runat="server" AutoPostBack="true">
                                </asp:DropDownList>
                                <div id="gendernull" class="null-message" style="display: none">Select Gender</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Birth Date</label>
                            <div class="input-group">
                                <asp:TextBox runat="server" CssClass="form-control" 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>

                    <div class="col-md-4" runat="server" visible="false" id="MaritalStatusDiv">
                        <div class="bg-white">
                            <label for="InputName" class="">Marital Status</label>
                            <asp:Label ID="MaritalStatuslbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:DropDownList ID="MaritalStatusDropDownList" CssClass="form-control" runat="server" AutoPostBack="true">
                                </asp:DropDownList>
                                <div id="Maritalstatusnull" class="null-message" style="display: none">Select Marital Status</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="BloodGroupDiv">
                        <div class="bg-white">
                            <label for="InputName" class="">Blood Group</label>
                            <asp:Label ID="BloodGrouplbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:DropDownList ID="BloodGroupDropDownList" CssClass="form-control" runat="server">
                                </asp:DropDownList>
                                <div id="BloodGroupnull" class="null-message" style="display: none">Select Blood Group</div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4" runat="server" visible="false" id="ReligionDiv">
                        <div class="bg-white">
                            <label for="InputName">Religion</label>
                            <asp:Label ID="Religionlbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:DropDownList ID="ReligionDropDownList" CssClass="form-control" runat="server" onchange="DropDownCheck(this)">
                                </asp:DropDownList>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="FamilyCasteDiv">
                        <div class="bg-white">
                            <label for="InputName">Caste</label>
                            <asp:Label ID="FamilyCastelbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="CastTextBox" runat="server" CssClass="form-control" placeholder="Caste" MaxLength="150"></asp:TextBox>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4" runat="server" visible="false" id="CastCategoryDiv">
                        <div class="bg-white">
                            <label for="InputName">Caste Category </label>
                            <asp:Label ID="CastCategorylbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:DropDownList ID="CastCategoryDropDownList" CssClass="form-control" runat="server" onchange="DropDownCheck(this)">
                                </asp:DropDownList>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="QualificationDiv">
                        <div class="bg-white">
                            <label for="InputName">Highest Qualification</label>
                            <asp:Label ID="Qualificationlbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="QualificationTextBox" runat="server" CssClass="form-control" placeholder="Highest Qualification" MaxLength="150"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="MobileNoDiv">
                        <div class="bg-white">
                            <label for="InputName">Mobile No</label>
                            <asp:Label ID="MobileNolbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="MobNoTextBox" runat="server" CssClass="form-control" onkeypress="return isNumberKey(event)" placeholder="Mobile No" MaxLength="20"></asp:TextBox>
                            </div>
                        </div>
                    </div>

                    <%--add for mantis: 34273, start--%>
                    <div id="WhatsAppContactNoDiv" class="col-md-4" runat="server">
                        <div class="bg-white">
                            <label for="InputName">WhatsApp Contact No</label>
                            <asp:Label ID="WhatsAppContactNoLabel" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="WhatsAppContactNoTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="WhatsApp Contact No" MaxLength="20"></asp:TextBox>
                                <div id="whatsappnull" class="null-message" style="display: none">Valid WhatsApp no. is required</div>
                            </div>
                        </div>
                    </div>
                    <%--add for mantis: 34273, end--%>

                    <div class="col-md-4" runat="server" visible="false" id="PersonalEmailDiv">
                        <div class="bg-white">
                            <label for="InputName">Personal Email</label>
                            <asp:Label ID="PersonalEmaillbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="PersonalEmailTextBox" runat="server" CssClass="form-control" placeholder="Personal Email" MaxLength="100"> </asp:TextBox>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4" runat="server" visible="false" id="ReferenceDiv">
                        <div class="bg-white">
                            <label for="InputName">Reference</label>
                            <asp:Label ID="Referencelbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:DropDownList ID="ReferenceDropDownList" CssClass="form-control" runat="server">
                                </asp:DropDownList>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="MainSubjectDiv">
                        <div class="bg-white">
                            <label for="InputName">Main Subject(For Teaching Staff)</label>
                            <asp:Label ID="MainSubjectlbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="MainSubjectTextBox" CssClass="form-control" runat="server" placeholder="Main Subject"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="AdditionalRemarkDiv">
                        <div class="bg-white">
                            <label for="InputName">Additional Remark</label>
                            <asp:Label ID="AdditionalRemarklbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="AdditionalRemarkTextBox" CssClass="form-control" runat="server" placeholder="Additional Remark" TextMode="MultiLine" Height="50px"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="CandidatePhotoDiv">
                        <div class="bg-white">
                            <label for="InputEmail">Candidate Photo</label>
                            <asp:Label ID="CandidatePhotolbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <div class="file-upload">
                                    <div class="file-select">
                                        <div class="file-select-button">Choose File</div>
                                        <asp:FileUpload ID="StudentFileUpload" CssClass="inputfile" runat="server" onchange="ValidateFileSize(this);" />
                                        <label class="file-select-name"><span></span>No file chosen...</label>
                                    </div>
                                </div>
                                <img runat="server" id="StudentImage" height="50" width="50" style="margin-top: 10px; width: 78px; height: 69px" />
                                <asp:Label ID="StudentSuccessImageLabel" Text="Uploaded Successfully" runat="server" Style="display: none"></asp:Label>
                            </div>
                        </div>
                    </div>
                </div>
                <asp:HiddenField ID="StudentImageHiddenField" runat="server" Visible="true" />
                <asp:HiddenField ID="AttachmentSizeHiddenField" runat="server" />
            </div>

            <div class="form-group">
                <div class="col-lg-12 padd-0">

                    <div class="topic-header">
                        <h5>
                            <span id="AddressLabel" runat="server" text=""><i class="fas fa-info-circle bg-pink"></i>&nbsp;&nbsp;Address & Contact Information</span>
                        </h5>
                    </div>

                    <div class="col-md-10 col-md-offset-1">
                        <div class="">
                            <label for="InputName">Local Address</label>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="StreetOneDiv">
                        <div class="bg-white">
                            <label for="InputName">Street One</label>
                            <asp:Label ID="StreetOnelbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="StreetOneTextBox" CssClass="form-control" runat="server" placeholder="Street One" MaxLength="150"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="StreetTwoDiv">
                        <div class="bg-white">
                            <label for="InputName">Street Two</label>
                            <asp:Label ID="StreetTwolbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="StreetTwoTextBox" CssClass="form-control" runat="server" placeholder="Street Two" MaxLength="150"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="StreetThreeDiv">
                        <div class="bg-white">
                            <label for="InputName">Street Three</label>
                            <asp:Label ID="StreetThreelbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="StreetThreeTextBox" CssClass="form-control" runat="server" placeholder="Street Three" MaxLength="150"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="CityDiv">
                        <div class="bg-white">
                            <label for="InputName">City</label>
                            <asp:Label ID="Citylbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="CityTextBox" CssClass="form-control" runat="server" placeholder="City" MaxLength="50"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="StateDiv">
                        <div class="bg-white">
                            <label for="InputName">State</label>
                            <asp:Label ID="Statelbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="StateTextBox" CssClass="form-control" runat="server" placeholder="State" MaxLength="50"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="CountryDiv">
                        <div class="bg-white">
                            <label for="InputName">Country</label>
                            <asp:Label ID="Countrylbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="CountryTextBox" CssClass="form-control" runat="server" placeholder="Country" MaxLength="50"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="ZipCodeDiv">
                        <div class="bg-white">
                            <label for="InputName">Zip Code</label>
                            <asp:Label ID="ZipCodelbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="ZipCodeTextBox" CssClass="form-control" runat="server" placeholder="Zip Code" onkeypress="return isNumberKeyZip(event)" MaxLength="20"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 " runat="server" visible="false" id="ContactNoDiv">
                        <div class="bg-white">
                            <label for="InputName">Contact No.</label>
                            <asp:Label ID="ContactNolbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                            <div class="input-group">
                                <asp:TextBox ID="MobileNoTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="Mobile No." MaxLength="20"></asp:TextBox>
                                <div id="mobilenull" class="null-message" style="display: none">Valid Mobile no. is required</div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-10 col-md-offset-1" style="height: 100px">
                        <div class="">
                            <label for="InputName">Permanent Address</label>
                        </div>
                        <div class="" style="height: 35px; width: 38px">
                            <div class="fLeft pLeft10 gHeaderNormal" style="width: 30px">
                                <asp:Label ID="Label5" runat="server" Text="Copy LA" Font-Bold="False" meta:resourcekey="CopyLALabelResource1"></asp:Label>
                            </div>
                            <div class="cursorHand ">
                                <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="../../../Images/icons/icon_copy.gif"
                                    ToolTip="Copy Local Address" OnClick="imgCopyLocalToPermanent_Click" meta:resourcekey="imgCopyLocalToPermanentResource1" />
                            </div>
                        </div>
                    </div>
                    <div class="cBoth"></div>
                    <div class="col-md-4 pTop15">
                        <div class="bg-white">
                            <label for="InputName">Street One</label>
                            <div class="input-group">
                                <asp:TextBox ID="PermanentStreet1TextBox" CssClass="form-control" runat="server" placeholder="Street One" MaxLength="150"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Street Two</label>
                            <div class="input-group">
                                <asp:TextBox ID="PermanentStreet2TextBox" CssClass="form-control" runat="server" placeholder="Street Two" MaxLength="150"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Street Three</label>
                            <div class="input-group">
                                <asp:TextBox ID="PermanentStreet3TextBox" CssClass="form-control" runat="server" placeholder="Street Three" MaxLength="150"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">City</label>
                            <div class="input-group">
                                <asp:TextBox ID="PermanentCityTextBox" CssClass="form-control" runat="server" placeholder="City" MaxLength="50"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">State</label>
                            <div class="input-group">
                                <asp:TextBox ID="PermanentStateTextBox" CssClass="form-control" runat="server" placeholder="State" MaxLength="50"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Country</label>
                            <div class="input-group">
                                <asp:TextBox ID="PermanentCountryTextBox" CssClass="form-control" runat="server" placeholder="Country" MaxLength="50"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Zip Code</label>
                            <div class="input-group">
                                <asp:TextBox ID="PermanentZipCodeTextBox" CssClass="form-control" runat="server" placeholder="Zip Code" onkeypress="return isNumberKeyZip(event)" MaxLength="20"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Contact No.</label>
                            <div class="input-group">
                                <asp:TextBox ID="PermanentContactNoTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="Mobile No." MaxLength="20"></asp:TextBox>
                            </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"></asp:TextBox>
                                    <div id="emailnull" class="null-message" style="display: none">Email Id is not valid</div>
                                </div>
                            </div>--%>
                </div>
            </div>

            <div class="form-group" runat="server" id="QualiFicationDetailDiv" visible="false">

                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="Span2" runat="server" text=""><i class="fas fa-info-circle bg-pink"></i>&nbsp;&nbsp;Details of Qualification</span>
                        </h5>
                    </div>

                    <div class="col-lg-12 padd-0">
                        <asp:GridView ID="AdmissionSetupGridViewQualification" runat="server" Width="100%" AutoGenerateColumns="False"
                            AllowPaging="false" ShowHeader="True" OnRowDataBound="AdmissionSetupGridViewQualification_RowDataBound"
                            CssClass="table table-striped table-bordered">
                            <Columns>

                                <asp:TemplateField HeaderText="Exam Passed" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="15%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="ExamPassedTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ExamPassed") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Pass Year" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="13%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="PassYearTextBox" onkeypress="return isNumberKey(event)" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("PassYear") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Percentage" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="12%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="PercentageTextBox" onkeypress="return ValidatePercentageKey(event,this)" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# DataBinder.Eval(Container.DataItem,"Percentage").ToString().ToUpper()=="0.00"?"":DataBinder.Eval(Container.DataItem,"Percentage")%>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Grade" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="GradeTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Grade") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Institute Detail" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="20%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="InstituteDetailTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("InstituteDetail") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Board/University Detail" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="20%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="BoardDetailTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("BoardDetail") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Medium" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="MediumTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Medium") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Subjects" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="SubjectsTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Subjects") %>'></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>

            </div>

            <div class="form-group" runat="server" id="EmploymentDetailDiv" visible="true">

                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <strong>
                                <span id="Span3" runat="server" text=""><i class="fas fa-user-circle bg-blue"></i>&nbsp;&nbsp;Details of Employment</span>
                            </strong>
                        </h5>
                    </div>
                    <div class="col-lg-12 bg-white">
                        <div class="col-lg-12 padd-0 mt1" id="Div4" runat="server">
                            <div class="alert alert-info">
                                <h6>
                                    <asp:Label ID="NoteLabel1" runat="server" Text="Institute Name, Duration and Designation should be required." SkinID="MandatoryLabel"></asp:Label><br />
                                </h6>
                            </div>
                        </div>
                        <div class="table-responsive padd-5">
                            <%--<div class="col-md-10 col-md-offset-1">--%>
                            <asp:GridView ID="AdmissionSetupGridViewEmployment" runat="server" Width="100%" AutoGenerateColumns="False"
                                AllowPaging="false" ShowHeader="True"
                                DataKeyNames="Id" OnRowDataBound="AdmissionSetupGridViewEmployment_RowDataBound"
                                CssClass="table table-striped table-bordered">
                                <Columns>

                                    <asp:TemplateField HeaderText="Institute Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                        <ItemTemplate>
                                            <asp:TextBox ID="CompanyNameTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("CompanyName") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="FromDate" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                        <ItemTemplate>
                                            <asp:TextBox ID="FromDateTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" Text='<%# Bind("FromDate") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="ToDate" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                        <ItemTemplate>
                                            <asp:TextBox ID="ToDateTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" Text='<%# Bind("ToDate") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Duration" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="12%">
                                        <ItemTemplate>
                                            <asp:TextBox ID="DurationTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" Enabled="false" MaxLength="100" Text='<%# Bind("Duration") %>'></asp:TextBox>
                                            <asp:HiddenField ID="DurtionHiddenField1" runat="server"/>  <%--add for mantis: 35745--%>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Designation" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                        <ItemTemplate>
                                            <asp:TextBox ID="DesignationTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Designation") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="LastSalary" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="5%">
                                        <ItemTemplate>
                                            <asp:TextBox ID="LastSalaryTextBox" onkeypress="return isNumberKey(event)" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# DataBinder.Eval(Container.DataItem,"LastSalary").ToString().ToUpper()=="0"?"":DataBinder.Eval(Container.DataItem,"LastSalary")%>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="ReasonForLeaving" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="12%">
                                        <ItemTemplate>
                                            <asp:TextBox ID="ReasonForLeavingTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("ReasonForLeaving") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="JobDescription" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="12%">
                                        <ItemTemplate>
                                            <asp:TextBox ID="JobDescriptionTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("JobDescription") %>'></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>

                                    <asp:TemplateField HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="5%">
                                        <HeaderTemplate>
                                            <asp:Label ID="CurrentlyWorkingLabel" Text="Currently Working" runat="server" />
                                            <%--<asp:CheckBox ID="HeaderSelectCheckBox" runat="server" onclick="CheckAll(this);" />--%>
                                        </HeaderTemplate>
                                        <ItemStyle HorizontalAlign="Center" />
                                        <ItemTemplate>
                                            <label class="material-checkbox">
                                                <asp:CheckBox ID="IsCurrentlyWorkingCheckBox" runat="server" Checked='<%# Convert.ToBoolean(Eval("IsCurrentlyWorking")) %>' />
                                                <span></span>
                                            </label>
                                        </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>
                </div>
                <div class="col-md-4" runat="server" visible="false" id="LastDrawnSalaryDiv">
                    <div class="bg-white">
                        <label for="InputName">Last Drawn Salary</label>
                        <asp:Label ID="LastDrawnSalarylbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                        <div class="input-group">
                            <asp:TextBox ID="LastDrawnSalaryTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="Last Drawn Salary"></asp:TextBox>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" runat="server" visible="false" id="ExpectedSalaryDiv">
                    <div class="bg-white">
                        <label for="InputName">Expected Salary</label>
                        <asp:Label ID="ExpectedSalarylbl" runat="server" class="mandatory" Visible="false"></asp:Label>
                        <div class="input-group">
                            <asp:TextBox ID="ExpectedSalaryTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="Expected Salary"></asp:TextBox>
                        </div>
                    </div>
                </div>
            </div>

            <%--changes for mantis: 32799--%>
            <div class="form-group" id="CandidateCriteriaFormDiv" visible="false" runat="server">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5 class="sectionh5">
                            <span id="DynamicCandidateFromFiledHeaderLabel" runat="server" text=""><i class="fas fa-info-circle bg-dpurp"></i>&nbsp;More Details</span>
                        </h5>
                    </div>
                    <div class="col-lg-12 bg-white">
                        <div class="table-responsive padd-5">
                            <asp:GridView runat="server" ID="CandidateCriteriaFormGridView" AutoGenerateColumns="False"
                                EmptyDataText="No records available for the seacrh criteria!" OnRowDataBound="CandidateCriteriaFormGridView_RowDataBound"
                                AllowPaging="false" DataKeyNames="Id,FieldTypeId,FieldList,IsFieldMandatory,FieldData,AutoId" ShowHeader="true"
                                CssClass="table table-striped table-bordered table-hover more" Oncol-lg-12DataBound="CandidateSetupGridView_col-lg-12DataBound">
                                <Columns>
                                    <asp:BoundField DataField="FieldGroup" ItemStyle-Width="15%" HeaderStyle-HorizontalAlign="Left" />
                                    <asp:BoundField DataField="FieldTitle" ItemStyle-Width="40%" HeaderStyle-HorizontalAlign="Left" />
                                    <asp:TemplateField HeaderText="Mandatory" ItemStyle-Width="5%" SortExpression="IsFieldMandatory"
                                        HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                        <ItemTemplate>
                                            <asp:Label ID="IsFieldMandatoryLabel" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"IsFieldMandatory").ToString().ToUpper()=="TRUE"?"*":"" %>' class="text-red font-23"></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField ItemStyle-Width="40%" HeaderText="" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:DropDownList ID="FieldTypeDropDownList" runat="server" Visible="false" CssClass="form-control"></asp:DropDownList>
                                            <asp:TextBox ID="FieldTypeTextBox" runat="server" Visible="false" CssClass="form-control" TextMode="MultiLine" Height="50px"></asp:TextBox>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                                <PagerSettings Visible="False" />
                            </asp:GridView>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group" runat="server" id="FamilyDetailsDiv" visible="true">

                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="Span6" runat="server" text=""><i class="fas fa-info-circle bg-pink"></i>&nbsp;&nbsp;Details of Family</span>
                        </h5>
                    </div>



                </div>

                <div class="col-lg-12 bg-white">
                    <div class="table-responsive padd-5">
                        <%--<div class="col-md-10 col-md-offset-1">--%>
                        <asp:GridView ID="EmployeeFamilyDetailsGridView" runat="server" Width="100%" AutoGenerateColumns="False"
                            AllowPaging="false" ShowHeader="True"
                            DataKeyNames="Id" OnRowDataBound="EmployeeFamilyDetailsGridView_RowDataBound"
                            CssClass="table table-striped table-bordered">
                            <Columns>

                                <asp:TemplateField HeaderText="Relation" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:DropDownList ID="RelationDropDownList" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100"></asp:DropDownList>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Name" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="NameTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" Text='<%# Bind("Name") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Blood Group" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:DropDownList ID="RelationalBloodGroupDropDownList" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox"></asp:DropDownList>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Date Of Birth" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="RelationalDateOfBirthTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" AutoPostBack="true" OnTextChanged="RelationalDateOfBirthTextBox_TextChanged" Text='<%# Bind("DateOfBirth") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Age" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="AgeTextBox" onkeypress="return isNumberKey(event)" CssClass="form-control" runat="server" Enabled="false" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# DataBinder.Eval(Container.DataItem,"Age").ToString().ToUpper()=="0"?"":DataBinder.Eval(Container.DataItem,"Age")%>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Occupation" ItemStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="10%">
                                    <ItemTemplate>
                                        <asp:TextBox ID="OccupationTextBox" CssClass="form-control" runat="server" SkinID="CustomWidthTextBox" MaxLength="100" Text='<%# Bind("Occupation") %>'></asp:TextBox>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <PagerSettings Visible="False" />
                        </asp:GridView>

                    </div>
                </div>
                <%-- <div class="col-md-4" runat="server" id="RelationDropDownDiv">
                <div class="bg-white">
                    <label for="InputName">Relation</label>
                    <asp:Label ID="Label1" runat="server" class="mandatory" Visible="false"></asp:Label>
                    <div class="input-group">
                         <asp:DropDownList ID="RelationDropDownList" CssClass="form-control" runat="server">
                         </asp:DropDownList>
                    </div>
                </div>
            </div>
            <div class="col-md-4" runat="server" id="NameTextBoxDiv">
                <div class="bg-white">
                    <label for="InputName">Name</label>
                    <asp:Label ID="Label2" runat="server" class="mandatory" Visible ="false"></asp:Label>
                    <div class="input-group">
                        <asp:TextBox ID="NameTextBox" CssClass="form-control" runat="server" placeholder="Name"></asp:TextBox>
                    </div>
                </div>
            </div>--%>
            </div>
            <div class="col-lg-12 bg-white">
                <div class="table-responsive">
                    <asp:GridView ID="DocumentGridView" runat="server" Width="100%" AutoGenerateColumns="False" OnRowDataBound="DocumentGridView_RowDataBound"
                        AllowPaging="false" ShowHeader="True" EmptyDataText="No records Found" CssClass="table table-striped table-bordered" DataKeyNames="DocumentId"
                        Font-Size="Small">
                        <Columns>
                            <asp:TemplateField HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="5%">
                                <HeaderTemplate>
                                    <label class="material-checkbox">
                                        <asp:CheckBox ID="HeaderSelectCheckBox" runat="server" onclick="CheckAll(this);" />
                                        <span></span>
                                    </label>

                                    </div>
                                </HeaderTemplate>
                                <ItemStyle HorizontalAlign="Center" />
                                <ItemTemplate>
                                    <label class="material-checkbox">
                                        <asp:CheckBox ID="SelectCheckBox" runat="server" Checked='<%# Convert.ToBoolean(Eval("IsCheck")) %>' />
                                        <span></span>
                                    </label>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="Document Name" ItemStyle-Width="30%" HeaderStyle-HorizontalAlign="Left"
                                ItemStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                <ItemTemplate>

                                    <asp:HiddenField ID="IsMandatoryHiddenField" Value='<%# (Eval("IsMandatory")) %>' runat="server" />
                                    <asp:Label ID="IsMandatoryLabel" runat="server" Text="*" Visible="false" ForeColor="Red" Font-Size="Medium"></asp:Label>

                                    <asp:Label ID="DocumentNameLabel" runat="server" Text='<%# (Eval("DocumentName")) %>'></asp:Label>

                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="File Name" ItemStyle-Width="30%" HeaderStyle-HorizontalAlign="Left"
                                ItemStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                <ItemTemplate>

                                    <asp:Label ID="UploadedFileHyperLink" runat="server" Text='<%# (Eval("DocumentFileName")) %>' CssClass="UploadedgetHyperLink"
                                        Target="_blank"></asp:Label>

                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Upload File" ItemStyle-Width="9.6%" HeaderStyle-HorizontalAlign="left"
                                ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                <ItemTemplate>
                                    <asp:FileUpload ID="DocumentFileUpload" runat="server" onChange="FileUploadCall(this)" EnableViewState="true" />
                                    <asp:Button ID="RefreshButton" runat="server" Text="Refresh" CssClass="btn back fas" OnClick="RefreshButton_Click" Style="display: none" />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Delete" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="center"
                                ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                <ItemTemplate>
                                    <asp:Button ID="DeleteUploadedDocumnetButton" runat="server" OnClick="DeleteUploadedDocumnetButton_Click" OnClientClick="return confirm('Are you sure you want to delete this Image?');"
                                        ToolTip="Delete" Text="&#xf00d;" CssClass="btn red fas" />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Download" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="center"
                                ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                <ItemTemplate>
                                    <asp:Button ID="DownloadDocumnetButton" runat="server" CssClass="btn green fas" Text="&#xf019;" OnClick="DownloadDocumnetButton_Click"
                                        ToolTip="Download" />
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                        <PagerSettings Visible="False" />
                    </asp:GridView>
                </div>
            </div>
            <div class="form-group col-lg-6 padd-0" runat="server" id="PasswordDiv">
                <div class="topic-header">
                    <h5>
                        <span id="Span4" runat="server" text="password" cssclass="mandatory"><i class="fas fa-unlock-alt bg-aqua"></i>&nbsp;Password</span>
                    </h5>
                </div>

                <div class="col-lg-8 padd-0">
                    <div class="bg-white">
                        <label for="InputName" class="mandatory">Password</label>
                        <div class="input-group">
                            <asp:TextBox ID="PasswordTextBox" CssClass="form-control" runat="server" TextMode="Password" onkeypress="CheckPassword()" MaxLength="100" 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>

            <div class="form-group col-lg-6 padd-0" runat="server" id="ConfirmPasswordDiv">
                <div class="topic-header">
                    <h5>
                        <span id="Span5" runat="server" text="Confirm Password" cssclass="mandatory"><i class="fas fa-unlock-alt bg-jade"></i>&nbsp;Confirm Password</span>
                    </h5>

                </div>

                <div class="col-md-8">
                    <div class="bg-white">
                        <div class="input-group">
                            <label for="InputName" class="mandatory">Confirm Password</label>
                            <asp:TextBox ID="ConfirmPasswordTextBox" CssClass="form-control" runat="server" TextMode="Password" MaxLength="100" 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 class="col-lg-12 text-center">
                <asp:Button ID="RegisterButton1" runat="server" CssClass="btn green fas" Text="&#xf044; Register" OnClick="RegisterButton1_Click" />
                <asp:Button ID="CancelButton" Text="&#xf00d; Cancel" CssClass="btn red fas" runat="server" OnClick="CancelButton_Click" />
            </div>
            <asp:HiddenField ID="DurationHiddenField" runat="server" />
        </form>
    </div>
</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">
    if (document.getElementById('StudentImageHiddenField').value != "") {
        document.getElementById('StudentImage').src = document.getElementById('StudentImageHiddenField').value;
    }

    function DateDiffFromTwoDates(obj) {
        document.getElementById("DurationHiddenField").value = "";
        var FromDateTextBox = $("input[id*=FromDateTextBox]")
        var FromDate1 = FromDateTextBox[obj].value;
        var ToDateTextBox = $("input[id*=ToDateTextBox]")
        var ToDate1 = ToDateTextBox[obj].value;
        if (ToDateTextBox[obj].value != "" && ToDateTextBox[obj].value != null) {

            let dateformat = /^(0?[1-9]|1[0-2])[\/](0?[1-9]|[1-2][0-9]|3[01])[\/]\d{4}$/;
            //if (FromDate1.match(dateformat) && ToDate1.match(dateformat)) {
            var Duration = $("input[id*=DurationTextBox]");
            var DurtionHiddenField1 = $("input[id*=DurtionHiddenField1]");  //add for mantis: 35745

            var months;

            var d = FromDate1.split("/").reverse().join("-");
            var FromDate = new Date(d);

            var dd = FromDate.getDate();
            var mm = FromDate.getMonth() + 1;
            var yy = FromDate.getFullYear();
            var newdate = yy + "/" + mm + "/" + dd;

            var d1 = ToDate1.split("/").reverse().join("-");
            var ToDate = new Date(d1);


            var dd1 = ToDate.getDate();
            var mm1 = ToDate.getMonth() + 1;
            var yy1 = ToDate.getFullYear();
            var newdate1 = yy1 + "/" + mm1 + "/" + dd1;

            var startDate = new Date(new Date(newdate).toISOString().substr(0, 10));

            var endDate = new Date(newdate1);
            if (startDate > endDate) {
                alert('ToDate must be Greater Than FromDate')
            }
            var startYear = startDate.getFullYear();
            var february = (startYear % 4 === 0 && startYear % 100 !== 0) || startYear % 400 === 0 ? 29 : 28;
            var daysInMonth = [31, february, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

            var yearDiff = endDate.getFullYear() - startYear;
            var monthDiff = endDate.getMonth() - startDate.getMonth();
            if (monthDiff < 0) {
                yearDiff--;
                monthDiff += 12;
            }
            document.getElementById("DurationHiddenField").value = yearDiff + ' ' + 'Year' + ' ' + monthDiff + ' ' + 'Month';
            Duration[obj].value = document.getElementById("DurationHiddenField").value;
            DurtionHiddenField1[obj].value = Duration[obj].value;   //add for mantis: 35745 
            document.getElementById("DurationHiddenField").value = "";
            //}

        }
    }

    $(function () {
        var currentYear = (new Date).getFullYear();
        $("#BirthDateTextBox").datepicker({
            dateFormat: 'dd/mm/yy',
            changeYear: true,
            changeMonth: true,
            yearRange: "1950:currentYear"
        }).val();
    });
    $(function () {
        var currentYear = (new Date).getFullYear();
        $("#RelationalDateOfBirthTextBox").datepicker({
            dateFormat: 'dd/mm/yy',
            changeYear: true,
            changeMonth: true,
            yearRange: "1950:currentYear"
        }).val();
    });
    $(function () {
        var tbl = $("[id$=AdmissionSetupGridViewEmployment]");
        var rows = tbl.find('tr');
        if (rows.length > 0) {
            var currentYear = (new Date).getFullYear();
            $("input[id*=FromDateTextBox]").datepicker({
                dateFormat: 'dd/mm/yy',
                changeYear: true,
                changeMonth: true,
                yearRange: "1950:currentYear"
            }).val();
            $("input[id*=ToDateTextBox]").datepicker({
                dateFormat: 'dd/mm/yy',
                changeYear: true,
                changeMonth: true,
                yearRange: "1950:currentYear"
            }).val();
        }
    });
    $(function () {
        var tbl = $("[id$=EmployeeFamilyDetailsGridView]");
        var rows = tbl.find('tr');
        if (rows.length > 0) {
            var currentYear = (new Date).getFullYear();
            $("input[id*=RelationalDateOfBirthTextBox]").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 checkNum() {
        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) {
            var fname = document.getElementById("FirstNameTextBox").value;
            var lname = document.getElementById("LastNameTextBox").value;
            if (fname != "") {
                document.getElementById("fnamenull").style.display = 'none';
            }
            if (lname != "") {
                document.getElementById("lnamenull").style.display = 'none';
            }
        }
        else {
            event.returnValue = false;
        }
    }
    function ValidateFileSize(obj) {
        if (Validate(obj)) {
            var id = obj.id;
            //var file_size = (document.getElementById(id).files[0].size / 1024);
            //var SizeLimit = $('#ImageMaxSize').val();
            //if (file_size > SizeLimit) {
            //    document.getElementById(id).value = "";
            //    alert('Image size not according to configuration');
            //}
            //else {
            if (id == "StudentFileUpload") {
                document.getElementById('StudentImage').src = window.URL.createObjectURL(obj.files[0]);
                document.getElementById('StudentSuccessImageLabel').style.display = 'inherit';
                document.getElementById('StudentImageHiddenField').value = document.getElementById('StudentImage').src;
            }

            //}
        }

    }

    function Validate(obj) {
        var id = obj.id;
        var file = document.getElementById(id).value;
        var validExtensions = ["jpg", "jpeg", "bmp", "png"]
        var file1 = file.split('.').pop();
        if (validExtensions.indexOf(file1) == -1) {
            alert("Image should be in format : " + validExtensions.join(', '));
            document.getElementById(id).value = "";
            return false;
        }
        else
            return true;
    }

    function ValidatePercentageKey(evt, obj) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        var value = obj.value;
        var dotcontains = value.indexOf(".") != -1;
        if (dotcontains)
            if (charCode == 46) return false;
        if (charCode == 46) return true;
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
    function FileUploadCall(fileUpload) {
        if (fileUpload.value != '') {

            var id = fileUpload.id;
            var iSize = (fileUpload.files[0].size / 1024);
            iSize = (Math.round((iSize / 1024) * 100) / 100);
            if ($('#AttachmentSizeHiddenField').val() != '') {
                if (iSize > $('#AttachmentSizeHiddenField').val()) {
                    document.getElementById(id).value = "";
                    alert('File should be less than ' + $('#AttachmentSizeHiddenField').val() + ' MB');
                    return false;
                }
                else {
                    var a = $('#<%=DocumentGridView.ClientID %>').find('[id*="RefreshButton"]');
                    a.click();
                }
            }
            else {
                var a = $('#<%=DocumentGridView.ClientID %>').find('[id*="RefreshButton"]');
                a.click();
            }

        }
    }
    function ValidateImageDetailsgrid() {
        var fields;
        fields = "";
        var file = $('#<%=DocumentGridView.ClientID %>').find('[id*="DocumentFileUpload"]');
        var count = $("#DocumentFileUpload").files;
        var iSize = 0;
        var Size = 0;
        for (var i = 0; i < count.length; i++) {
            iSize = ($("#DocumentFileUpload")[0].files[i].size / 1024);
            iSize = (Math.round((iSize / 1024) * 100) / 100);
            Size = iSize;
            var fileValu = document.getElementById('DocumentFileUpload');
            if (Size > 1) {
                alert('File ' + fileValu.files[i].name + ' should be less than 1 MB');
            }
        }
        if (isFileGrid($('#<%=DocumentGridView.ClientID %>').find('[id*="DocumentFileUpload"]')) == false || $('#<%=DocumentGridView.ClientID %>').find('[id*="DocumentFileUpload"]') == null) {
            fields = fields + "\n Invalid file ";
        }

        if (fields != "") {
            fields = "Please fill in the following details:\n------------------------------------" + fields + filename;
            alert(fields);
            return false;
        }
        else {
            return true;
        }


    }
    function isFileGrid(file) {
        var video = /\.(xls|)$/i;
        var CSV = /\.(csv|)$/i;
        var xlsx = /\.(xlsx|)$/i;
        var doc = /\.(doc|)$/i;
        var txt = /\.(txt|)$/i;
        var jpg = /\.(jpg|)$/i;
        var png = /\.(png|)$/i;
        var jpeg = /\.(jpeg|)$/i;
        var gif = /\.(gif|)$/i;
        var pdf = /\.(pdf|)$/i;

        var count = document.getElementById('DocumentFileUpload').files;
        var fileValu = $('#<%=DocumentGridView.ClientID %>').find('[id*="DocumentFileUpload"]');

        var count_file = 0;

        for (var i = 0; i < count.length; i++) {
            var t = fileValu.files[i].name.split('.').pop();

            if (t.toLowerCase() == "jpg" || t.toLowerCase() == "jpeg" || t.toLowerCase() == "png" || t.toLowerCase() == "pdf" || t.toLowerCase() == "doc" || t.toLowerCase() == "docx") {
                count_file = count_file + 1;
            }
            else {
                filename = fileValu.files[i].name;
                return false;
            }
        }

    }

</script>
