<%@ page language="C#" autoeventwireup="true" inherits="Pages_OnlineAdmission_AdmissionFormFamilyDetails, App_Web_b1skphdq" maintainscrollpositiononpostback="true" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<!DOCTYPE html>

<html>
<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>
    <div class="w3l-main">
        <div class="row">
            <div class="col-lg-12">
                <div class="page-header">
                    <h3>
                        <asp:Label ID="schoolnameLabel" runat="server" Text=""></asp:Label>
                    </h3>
                    <h4 class="pTop6">Family Details
                    </h4>
                </div>
            </div>
        </div>
        <form id="form1" runat="server" class="w3l-from container">
            <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" id="remarkdiv" runat="server" visible="false">
                <div class="well well-sm divbg">
                    <h6>
                        <asp:Label ID="FamilyDetailRemark" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="ParentAcademicRemark" runat="server"></asp:Label>
                    </h6>
                </div>
            </div>
            <div class="form-group" runat="server" id="FatherFamilyDetailsDiv">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="FatherInfromationLabel" runat="server" text=""><i class="fas fa-users bg-grey"></i>&nbsp;Father Information</span>

                        </h5>
                    </div>

                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Full Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="FatherNameTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Name"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" id="FatherBdayDiv" runat="server" visible="false">
                        <div class="bg-white">
                            <label for="InputEmail">Birth Date</label>
                            <div class="input-group">
                                <asp:TextBox runat="server" CssClass="form-control" ID="FatherBirthDateTextBox" placeholder="dd/mm/yyyy" onkeypress="OnlyNumericEntry()" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Qualification</label>
                            <div class="input-group">
                                <asp:TextBox ID="FatherQualificationTextBox" CssClass="form-control" runat="server" placeholder="Qualification"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Occupation</label>
                            <div class="input-group">
                                <asp:TextBox ID="FatherOccupationTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Occupation"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Mobile No.</label>
                            <div class="input-group">
                                <asp:TextBox ID="FatherMobileNoTextBox" CssClass="form-control" 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>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Email</label>
                            <div class="input-group">
                                <asp:TextBox ID="FatherEmailTextBox" CssClass="form-control" runat="server" placeholder="Email"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">Annual Income</label>
                            <div class="input-group">
                                <asp:TextBox runat="server" CssClass="form-control" ID="FatherYearlyIncomeTextBox" placeholder="Annual Income" onkeypress="return isNumberKey(event)" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Organization</label>
                            <div class="input-group">
                                <asp:TextBox ID="FatherOrganizationTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Organization"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Designation</label>
                            <div class="input-group">
                                <asp:TextBox ID="DesignationTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Designation"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">OfficePhone</label>
                            <div class="input-group">
                                <asp:TextBox ID="FatherOfficePhoneTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="OfficePhone" MaxLength="12"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Office Address </label>
                            <div class="input-group">
                                <asp:TextBox ID="FatherOfficeAddressTextBox" CssClass="form-control" Height="40px" TextMode="MultiLine" runat="server" placeholder="Office Address"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">Photo</label>
                            <div class="input-group">
                                <div class="file-upload">
                                    <div class="file-select">
                                        <div class="file-select-button">Choose File</div>
                                        <asp:FileUpload ID="FatherFileUpload" CssClass="inputfile" runat="server" />
                                        <label class="file-select-name"><span></span>No file chosen...</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="bg-white">
                            <img runat="server" id="FatherImage" height="50" width="50" style="margin-top: 10px; width: 78px; height: 69px" />
                        </div>
                    </div>
                    <div class="col-md-4">
                        <asp:Button ID="AddDetailButtonFather" CssClass="btn blue fas" runat="server" Text="Add Father Academics" OnClick="AddFatherDetailsButton_Click" />
                    </div>
                </div>
            </div>
            <div class="form-group" runat="server" id="FatherAcademicsDiv">
                <div class="row">
                    <div class="table-responsive">
                        <asp:GridView ID="AdmissionSetupGridViewFather" runat="server" Width="100%" AutoGenerateColumns="False"
                            AllowPaging="false" ShowHeader="True" DataKeyNames="Id"
                            CssClass="table table-striped table-bordered" OnRowDataBound="AdmissionSetupGridViewFather_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" 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>
                                <asp:TemplateField ShowHeader="true" HeaderText="Delete" HeaderStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <asp:ImageButton SkinID="DeleteImage" ID="DeleteImageButtonFather" runat="server" OnClick="DeleteImageButtonFather_Click"
                                            ToolTip="Delete" ImageUrl="../../App_Themes/admission/images/del.png" />
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                            </Columns>
                            <PagerSettings Visible="False" />
                        </asp:GridView>
                    </div>
                </div>
            </div>
            <div class="form-group" runat="server" id="MotherFamilyDetailsDiv">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="MotherInformationLabel" runat="server" text=""><i class="fas fa-users bg-green"></i>&nbsp;Mother Information</span>
                        </h5>
                    </div>

                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Full Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherNameTextBox" CssClass="form-control" onkeypress="checkNum()" runat="server" placeholder="Name"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" id="MotherBdayDiv" runat="server" visible="false">
                        <div class="bg-white">
                            <label for="InputEmail">Birth Date</label>
                            <div class="input-group">
                                <asp:TextBox runat="server" CssClass="form-control" ID="MotherBirthDateTextBox" placeholder="dd/mm/yyyy" onkeypress="OnlyNumericEntry()" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Qualification</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherQualificationTextBox" CssClass="form-control" runat="server" placeholder="Qualification"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Occupation</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherOccupationTextBox" CssClass="form-control" onkeypress="checkNum()" runat="server" placeholder="Occupation"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Mobile No.</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherMobilNoTextBox" CssClass="form-control" 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>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Email</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherEmailTextBox" CssClass="form-control" runat="server" placeholder="Email" onchange="validateEmail(this)"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">Annual Income</label>
                            <div class="input-group">
                                <asp:TextBox runat="server" CssClass="form-control" ID="MotherIncomeTextBox" placeholder="Annual Income" onkeypress="return isNumberKey(event)" />
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Organization</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherOrganizationTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Organization"></asp:TextBox>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Designation</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherDesignationTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Designation"></asp:TextBox>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">OfficePhone</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherOfficePhoneTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="OfficePhone" MaxLength="12"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false" id="MotherOfficeAddDiv">
                        <div class="bg-white">
                            <label for="InputName">Office Address </label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherOfficeAddressTextBox" CssClass="form-control" TextMode="MultiLine" Height="40px" runat="server" placeholder="Office Address"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputEmail">Photo</label>
                            <div class="input-group">
                                <div class="file-upload">
                                    <div class="file-select">
                                        <div class="file-select-button">Choose File</div>
                                        <asp:FileUpload ID="MotherFileUpload" CssClass="inputfile" runat="server" />
                                        <label class="file-select-name"><span></span>No file chosen...</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="bg-white">
                            <img runat="server" id="MotherImage" height="50" width="50" style="margin-top: 10px; width: 78px; height: 69px" />
                        </div>
                    </div>
                    <div class="col-md-4">
                        <asp:Button ID="AddDetailButtonMother" CssClass="btn blue fas" runat="server" Text="Add Mother Academics" OnClick="AddMotherDetailsButton_Click" />
                    </div>
                </div>
            </div>
            <div class="form-group" runat="server" id="MotherAcademicsDiv">
                <div class="row">
                    <div class="table-responsive">
                        <asp:GridView ID="AdmissionSetupGridViewMother" runat="server" Width="100%" AutoGenerateColumns="False"
                            AllowPaging="false" ShowHeader="True" DataKeyNames="Id"
                            CssClass="table table-striped table-bordered" OnRowDataBound="AdmissionSetupGridViewMother_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" 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>
                                <asp:TemplateField ShowHeader="true" HeaderText="Delete" HeaderStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <asp:ImageButton SkinID="DeleteImage" ID="DeleteImageButtonMother" runat="server" OnClick="DeleteImageButtonMother_Click"
                                            ToolTip="Delete" ImageUrl="../../App_Themes/admission/images/del.png" />
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                            </Columns>
                            <PagerSettings Visible="False" />
                        </asp:GridView>
                    </div>
                </div>
            </div>
            <div class="form-group" runat="server" id="GuardianFamilyDetailsDiv">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="GuardianInformationLabel" runat="server" text=""><i class="fas fa-users bg-dblue"></i>&nbsp;Guardian Information (in case student live with guardian)</span>
                        </h5>
                    </div>
                    <div class="">
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Full Name</label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuardianNameTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Name"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4" runat="server" id="GuardianBdayDiv" visible="false">
                            <div class="bg-white">
                                <label for="InputEmail">Birth Date</label>
                                <div class="input-group">
                                    <asp:TextBox runat="server" CssClass="form-control" ID="GuardianBirthDateTextBox" placeholder="dd/mm/yyyy" onkeypress="OnlyNumericEntry()" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Qualification</label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuardianQualificationTextBox" CssClass="form-control" runat="server" placeholder="Qualification"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Occupation</label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuardianOccupationTextBox" CssClass="form-control" onkeypress="checkNum()" runat="server" placeholder="Occupation"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Mobile No.</label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuardianMobileNoTextBox" CssClass="form-control" 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>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Email</label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuardianEmailTextBox" CssClass="form-control" runat="server" placeholder="Email" onchange="validateEmail(this)"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputEmail">Annual Income</label>
                                <div class="input-group">
                                    <asp:TextBox runat="server" ID="GuardianYearlyIncomeTextBox" CssClass="form-control" placeholder="Annual Income" onkeypress="return isNumberKey(event)" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Organization</label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuuardianOrganizationTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Organization"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Designation</label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuuardianDesigantionTextBox" CssClass="form-control" runat="server" onkeypress="checkNum()" placeholder="Designation"></asp:TextBox>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Office Phone</label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuardianOfficePhoneTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="Office Phone" MaxLength="12"></asp:TextBox>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputName">Office Address </label>
                                <div class="input-group">
                                    <asp:TextBox ID="GuardianOfficeAddressTextBox" CssClass="form-control" TextMode="MultiLine" Height="40px" runat="server" placeholder="Office Address"></asp:TextBox>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputEmail">Relation with Guardian</label>
                                <div class="input-group">
                                    <asp:TextBox runat="server" ID="RelationWithGuardianTextBox" CssClass="form-control" placeholder="Relation With Guardian" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="bg-white">
                                <label for="InputEmail">Photo</label>
                                <div class="input-group">
                                    <div class="file-upload">
                                        <div class="file-select">
                                            <div class="file-select-button">Choose File</div>
                                            <asp:FileUpload ID="GuardianFileUpload" CssClass="inputfile" runat="server" />
                                            <label class="file-select-name"><span></span>No file chosen...</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="bg-white">
                                <img runat="server" id="GuardianImage" height="50" width="30" style="margin-top: 10px; width: 78px; height: 69px" />
                            </div>
                        </div>
                        <div class="col-md-4">
                            <asp:Button ID="AddDetailButtonGuardian" CssClass="btn blue fas" runat="server" Text="Add Guardian Academics" OnClick="AddGuardianDetailsButton_Click" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group" runat="server" id="GuardianAcademicsDiv">
                <div class="row">
                    <div class="table-responsive">
                        <asp:GridView ID="AdmissionSetupGridViewGuardian" runat="server" Width="100%" AutoGenerateColumns="False"
                            AllowPaging="false" ShowHeader="True" DataKeyNames="Id"
                            CssClass="table table-striped table-bordered" OnRowDataBound="AdmissionSetupGridViewGuardian_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" 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>
                                <asp:TemplateField ShowHeader="true" HeaderText="Delete" HeaderStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <asp:ImageButton SkinID="DeleteImage" ID="DeleteImageButtonGuardian" runat="server" OnClick="DeleteImageButtonGuardian_Click"
                                            ToolTip="Delete" ImageUrl="../../App_Themes/admission/images/del.png" />
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                            </Columns>
                            <PagerSettings Visible="False" />
                        </asp:GridView>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="pull-right">
                    <asp:Button ID="BackButton" runat="server" Text="< Back" OnClick="BackButton_Click" CssClass="btn back fas" />
                    <asp:Button ID="SaveButton" runat="server" Text="Next >" CssClass="btn next fas" OnClick="SaveButton_Click" OnClientClick="return ValidateNull();" />
                </div>
            </div>
        </form>
    </div>
</body>
</html>
<%--<script data-main="../../JavaScript/rjs/encrypt/admission-form-familydetails-encrypt" src="../../JavaScript/rjs/require.js"></script>--%>
<script data-main='<%=ResolveUrl("~/JavaScript/rjs/admission-form-familydetails")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
<script>
( function ( document, window, index )
{
	var inputs = document.querySelectorAll( '.inputfile' );
	Array.prototype.forEach.call( inputs, function( input )
	{
		var label	 = input.nextElementSibling,
			labelVal = label.innerHTML;

		input.addEventListener( 'change', function( e )
		{
			var fileName = '';
			if( this.files && this.files.length > 1 )
				fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length );
			else
				fileName = e.target.value.split( '\\' ).pop();

			if( fileName )
				label.querySelector( 'span' ).innerHTML = fileName;
			else
				label.innerHTML = labelVal;
		});

		// Firefox bug fix
		input.addEventListener( 'focus', function(){ input.classList.add( 'has-focus' ); });
		input.addEventListener( 'blur', function(){ input.classList.remove( 'has-focus' ); });
	});
}( document, window, 0 ));
</script>