<%@ page language="C#" autoeventwireup="true" inherits="Pages_OnlineAdmission_AdmissionFormDetails, App_Web_3jllk20f" 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">Admission form 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 padd-0 mt1" runat="server" id="failurebdaymessage" visible="false">
                <div class="alert alert-danger">
                    <asp:Label runat="server" ID="BirthDateErrorLabel"></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="form-group">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header ">
                        <h5>
                            <span id="SchoolInformationlabel" runat="server"><i class="fas fa-school bg-bgreen"></i>&nbsp;School Information (in which applicant seeks admission)</span>
                        </h5>
                    </div>


                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">School Name</label>
                            <div class="input-group">
                                <asp:DropDownList ID="OrgDropDownList" CssClass="form-control" runat="server" onchange="DropDownCheck(this)" AutoPostBack="true" OnSelectedIndexChanged="OrgDropDownList_OnSelectedIndexChanged">
                                </asp:DropDownList>
                                <div id="orgnull" class="null-message" style="display: none">Select School</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Batch</label>
                            <div class="input-group">
                                <asp:DropDownList ID="BatchDropDownList" CssClass="form-control" runat="server" onchange="DropDownCheck(this)" AutoPostBack="true" OnSelectedIndexChanged="BatchDropDownList_OnSelectedIndexChanged">
                                </asp:DropDownList>
                                <div id="batchnull" class="null-message" style="display: none">Select Batch</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Standard </label>
                            <div class="input-group">
                                <asp:DropDownList ID="StandardDropDownList" CssClass="form-control" runat="server" onchange="DropDownCheck(this)">
                                </asp:DropDownList>
                                <div id="standardnull" class="null-message" style="display: none">Select Standard</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="StudentInfromationLabel" runat="server"><i class="fas fa-user-graduate bg-yellow"></i>&nbsp;Student Information</span>
                        </h5>
                    </div>

                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Student Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="FirstNameTextBox" runat="server" CssClass="form-control" onkeypress="checkNum()" placeholder="Student Name"></asp:TextBox>
                                <div id="fnamenull" class="null-message" style="display: none">Student Name is required</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="">Father Name</label>
                            <div class="input-group">
                                <asp:TextBox ID="MiddleNameTextBox" runat="server" CssClass="form-control" onkeypress="checkNum()" placeholder="Father Name"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">SurName</label>
                            <div class="input-group">
                                <asp:TextBox ID="LastNameTextBox" runat="server" CssClass="form-control" onkeypress="checkNum()" placeholder="SurName"></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" onchange="DropDownCheck(this)">
                                </asp:DropDownList>
                                <asp:TextBox ID="GenderTextBox" runat="server" SkinID="CustomWidthTextBox" Visible="false" Enabled="false"></asp:TextBox>
                                <div id="gendernull" class="null-message" style="display: none">Select Gender</div>
                            </div>
                        </div>
                    </div>
                    <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" ID="BirthDateTextBox" CssClass="form-control" 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">
                        <div class="bg-white">
                            <label for="InputName" class="">Previous School</label>
                            <div class="input-group">
                                <asp:TextBox ID="PreviousSchoolTextBox" CssClass="form-control" runat="server" placeholder="Previous School"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="">Student 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="StudentFileUpload" CssClass="inputfile" runat="server" />
                                        <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" />
                            </div>
                        </div>
                    </div>
                </div>
            </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-4">
                        <div class="bg-white">
                            <label for="InputName">Street One</label>
                            <div class="input-group">
                                <asp:TextBox ID="StreetOneTextBox" CssClass="form-control" runat="server" placeholder="Street One" MaxLength="50"></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="StreetTwoTextBox" CssClass="form-control" runat="server" placeholder="Street Two" MaxLength="50"></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="StreetThreeTextBox" CssClass="form-control" runat="server" placeholder="Street Three" MaxLength="50"></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="CityTextBox" CssClass="form-control" runat="server" placeholder="City" MaxLength="50" onkeypress="NumberNotAlllow()"></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="StateTextBox" CssClass="form-control" runat="server" placeholder="State" MaxLength="50" onkeypress="NumberNotAlllow()"></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="CountryTextBox" CssClass="form-control" runat="server" placeholder="Country" MaxLength="50" onkeypress="NumberNotAlllow()"></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="ZipCodeTextBox" CssClass="form-control" runat="server" placeholder="Zip Code" onkeypress="return isNumberKey(event)" MaxLength="20"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName" class="mandatory">Mobile No.</label>
                            <div class="input-group">
                                <asp:TextBox ID="MobileNoTextBox" CssClass="form-control" runat="server" onkeypress="return isNumberKey(event)" placeholder="Mobile No." MaxLength="12"></asp:TextBox>
                                <div id="mobilenull" class="null-message" style="display: none">Valid Mobile no. is required</div>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Contact Email</label>
                            <div class="input-group">
                                <asp:TextBox ID="EmailTextBox" CssClass="form-control" runat="server" placeholder="Email" MaxLength="50" onchange="Javascript:validateEmail(this)"></asp:TextBox>
                                <div id="emailnull" class="null-message" style="display: none">Email Id is not valid</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <div class="col-lg-12 padd-0">
                    <div class="topic-header">
                        <h5>
                            <span id="CastLabel" runat="server"><i class="fas fa-user-edit bg-blue"></i>&nbsp;Other Details</span>
                        </h5>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Religion</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">
                        <div class="bg-white">
                            <label for="InputName">Family Caste</label>
                            <div class="input-group">
                                <asp:TextBox ID="FamilyCastTextBox" CssClass="form-control" runat="server" placeholder="Family Caste"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" runat="server" visible="false">
                        <div class="bg-white">
                            <label for="InputName">Family Sub Cast</label>
                            <div class="input-group">
                                <asp:TextBox ID="FamilySubCastTextBox" CssClass="form-control" runat="server" placeholder="Family Sub Caste"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Caste Category </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">
                        <div class="bg-white">
                            <label for="InputName">Nationality</label>
                            <div class="input-group">
                                <asp:TextBox ID="NationalityTextBox" CssClass="form-control" runat="server"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Mother Tongue</label>
                            <div class="input-group">
                                <asp:TextBox ID="MotherTongueTextBox" CssClass="form-control" runat="server"></asp:TextBox>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="bg-white">
                            <label for="InputName">Other Information</label>
                            <div class="input-group">
                                <asp:TextBox ID="OtherInformationTextBox" CssClass="form-control" runat="server"></asp:TextBox>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-lg-12">
                <asp:Button ID="SaveButton" CssClass="btn next pull-right" runat="server" Text="Next >" OnClick="SaveButton_Click" OnClientClick="return ValidateNull();" />
            </div>

        </form>
    </div>
</body>
</html>
<%--<script data-main="../../JavaScript/rjs/encrypt/admission-formdetails-encrypt" src="../../JavaScript/rjs/require.js"></script>--%>
<script data-main='<%=ResolveUrl("~/JavaScript/rjs/admission-formdetails")%>' 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>
