<?php include("includes/config.php"); ?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frontier Public High School</title>
<link rel="stylesheet" type="text/css" href="styles/my.css"  />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
 <script src='js/jquery-1.7.2.min.js' type='text/javascript'></script>
<script src='js/sfm_validatorv7.js' type='text/javascript'></script>

</head>
<body>
<!-- Wrapper Starts Here -->
<div id="wrapper">
<?php 
include("includes/header.php");
//include("includes/slideshow.php");
?>
<!-- Contents Starts -->
<h3>Online Student Registration</h3>
<div>
  <script src='scripts/jquery-1.7.2.min.js' type='text/javascript'></script>
<script src='scripts/sfm_validatorv7.js' type='text/javascript'></script>
<form action="online-next.php" method="post" enctype="multipart/form-data" id="stdudent">
    <fieldset>
      <legend>Student Information</legend>
      <table width="100%">
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><input name="name" type="text" id="name" placeholder="Full Name" required autofocus /></td>
          <td><input type="text" name="fname" id="fname" placeholder="Father Name" required /></td>
        </tr>
        <tr>
          <td><input type="text" name="gname" id="gname" placeholder="Guardian's Name" required/></td>
          <td><input type="text" name="nationality" id="nationality" placeholder="Nationality" required /></td>
        </tr>
        <tr>
          <td><p>Gender
            <label>
              <input type="radio" name="gender" value="Male" id="Gender_0" required />
              Male</label>
            <label>
              <input type="radio" name="gender" value="Female" id="Gender_1" required />
              Female</label>
            <br />
          </p></td>
          <td><p>D.O.B
            <input name="DD" type="text" id="dd" placeholder="DD" size="3" maxlength="2" required />
            /
            <input name="MM" type="text" id="mm" placeholder="MM" size="3" maxlength="2" required />
            /
            <input name="YY" type="text" id="yy" placeholder="YY" size="5" maxlength="4" required />
            <br />
            <span style="color:#999999;">Format : 25/12/2005</span></p></td>
        </tr>
        <tr>
          <td><select name="class" id="class">
            <option value="To which class is admission required?">To which class is admission required?</option>
            <option value="Play Group">Play Group</option>
            <option value="Nursery">Nursery</option>
            <option value="Prep">Prep</option>
            <option value="1st">1st</option>
            <option value="2nd">2nd</option>
            <option value="3rd">3rd</option>
            <option value="4th ">4th</option>
            <option value="5th ">5th </option>
            <option value="6th">6th </option>
            <option value="7th">7th</option>
            <option value="8th">8th</option>
            <option value="9th">9th</option>
            <option value="10th">10th</option>
          </select></td>
          <td><input name="xschool" type="text" id="xschool" placeholder="School Name if already studied in?" size="50" /></td>
        </tr>
      </table>
    </fieldset>
    <fieldset>
      <legend>Guardian Information</legend>
      <table width="100%">
        <tr>
          <td><input name="cnic" type="text" id="cnic" placeholder="Guardian's CNIC" maxlength="13"/></td>
          <td><input name="occoupation" type="text" required id="occupation" placeholder="Father's/Guardian's Occupation" size="45" /></td>
        </tr>
        <tr>
          <td><input name="email" type="text" required id="email" placeholder="Email Address" size="45" /></td>
          <td><input name="confirmemail" type="text" required id="confirmemail" placeholder="Confirm Email Address" size="45" /></td>
        </tr>
        <tr>
          <td><input name="contact" type="text"  id="contact" placeholder="Contact Number" /></td>
          <td><input type="submit" name="Submit" id="button" value="Submit Online Registration" /></td>
        </tr>
      </table>
    </fieldset>
  </form><script type='text/javascript'>
// <![CDATA[
var stdudentValidator = new Validator("stdudent",{enable_smart_live_validation:false, message_style:'messagebox'});
stdudentValidator.addValidation("name",{required:true,message:"Name Required"} );
stdudentValidator.addValidation("name",{alpha_s:true,message:"Name must be alphabatic only"} );
stdudentValidator.addValidation("fname",{required:true,message:"Please fill in fname"} );
stdudentValidator.addValidation("fname",{alpha_s:true,message:"Father Name  must be alphabatic only"} );
stdudentValidator.addValidation("gname",{required:true,message:"Please fill in gname"} );
stdudentValidator.addValidation("gname",{alpha_s:true,message:"Guardian  Name must be alphabatic only"} );
stdudentValidator.addValidation("nationality",{required:true,message:"Please fill in nationality"} );
stdudentValidator.addValidation("Gender",{selone:true,message:"Please select an option for Gender"} );
stdudentValidator.addValidation("DD",{required:true,message:"Please fill in DD"} );
stdudentValidator.addValidation("DD",{numeric:true,message:"The input for DD should be a valid numeric value"} );
stdudentValidator.addValidation("DD",{lessthan:"32.00",message:"Invalid Date, Enter Correct value in DD"} );
stdudentValidator.addValidation("MM",{numeric:true,message:"The input for MM should be a valid numeric value"} );
stdudentValidator.addValidation("MM",{lessthan:"13.00",message:"Invalid Value for Month Enter Correct value in MM"} );
stdudentValidator.addValidation("YY",{numeric:true,message:"The input for YY should be a valid numeric value"} );
stdudentValidator.addValidation("YY",{minlen:"4",message:"Invalid value for year Enter Correct value in YY"} );
stdudentValidator.addValidation("YY",{greaterthan:"1980.00",message:"The value of YY should be greater than 1980"} );
stdudentValidator.addValidation("YY",{lessthan:"2015.00",message:"The value of YY should be less than 2015"} );
stdudentValidator.addValidation("class",{dontselect:"To which class is admission required?",message:"Please select an option for class"} );
stdudentValidator.addValidation("cnic",{numeric:true,message:"The input for cnic should be a valid numeric value"} );
stdudentValidator.addValidation("cnic",{maxlen:"13",message:"Invalid CNIC Valid CNIC contain 13 Digits"} );
stdudentValidator.addValidation("cnic",{minlen:"13",message:"Invalid CNIC Valid CNIC contain 13 Digits"} );
stdudentValidator.addValidation("occoupation",{required:true,message:"Please fill in occoupation"} );
stdudentValidator.addValidation("email",{required:true,message:"Please fill in email"} );
stdudentValidator.addValidation("email",{email:true,message:"The input for email should be a valid email Address"} );
stdudentValidator.addValidation("confirmemail",{required:true,message:"Please Enter Confirm Email"} );
stdudentValidator.addValidation("confirmemail",{eqelmnt:"email",message:"Email not matched?"} );
stdudentValidator.addValidation("contact",{required:true,message:"Please Enter Contact Number"} );
stdudentValidator.addValidation("contact",{numeric:true,message:"The input for contact should be a valid numeric value"} );

// ]]>
</script>

  <br />
  <br />
</div>
<!-- Contents Ends -->
<?php
//include("includes/sidebar.php");
include("includes/footer.php");
?>
</div>
<!-- Wrapper Ends -->
</body>
</html>
