bnmbertsu,yu,yu,fffffffy,ltdfg

hjkhhndndndnd,trt bnmbertsu,yu,yu,fffffffy,ltdfg

<?php
session_start();
include 'connection.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Sacred Heart Sr. Sec. School</title>

$(window).load(function() {

$('#slider').nivoSlider();

});

</script>

.datajustify {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify }

.Body-C2 {font-family:"Arial", sans-serif; font-size:13.0px; line-height:1.23em;

color:#4c4e50;

}

.Body-C3 {font-family:"Verdana", sans-serif; font-size:13.0px;

line-height:1.23em; color:#4c4e50;

}

.Body-P {margin:0.0px 0.0px 12.0px 0.0px; text-align:left; font-weight:400;

}

table {
            width: 100%;
        }

table tr {
            margin-bottom: 30px; /* Add spacing between rows */
        }

table td {
            padding: 10px;
        }
        fieldset{
        	height: auto;
        	width: 100%;
        }
        h2{
        	text-align: center;
        	padding: 30px;
        }
        .submit{
        	display: block;
        	margin:20px auto;
        	font-size: 16px;
        }
        label{
        	font-size: 14px;
        }
        h4{
        padding: 50px 50px 0 ;
        text-align: center;
        line-height: 1.5;
        }
        .uploaded-photo {
            float: right;
            width: 150px; /* Adjust the width as needed */
        }
        #footer{
            min-height: 110px;
        }
        .heading-buds {
    display: flex; /* Use flexbox to create a horizontal layout */
    width:70%;
   margin:0 auto;
}

.left-div {
    flex: 1; /* Allow the left div to grow and take available space */
    padding: 20px; /* Add padding for spacing */
}

ul {
    list-style-type: disc; /* Use bullets for list items */
    padding-left: 20px; /* Add some left padding to the list */
}
ul li{
    font-size: 16px;
    line-height: 2;
    color: red;
    font-weight: bold;
}
img {
    max-width: 120%; /* Ensure the image scales within the right div */
    height: auto; /* Maintain the aspect ratio of the image */
}
.download-button {
    background-color: #007bff; /* Set the background color to a blue shade */
    color: #fff; /* Set the text color to white */
    border: none; /* Remove borders */
    padding: 10px 20px; /* Add some padding to make the button larger */
    cursor: pointer; /* Change the cursor to a pointer on hover */
    border-radius: 5px; /* Add rounded corners */
}

</style>

</head>

<body>

</div>

</div>

<!--<nav>

</nav>-->

<div class="content-about">
            <h2 style="padding-bottom: 40px;"> Form Instructions</h2>

<div class="heading-buds">
    <div class="left-div" style="width: 70%;">
        <ul>
            <li>Complete All Required Fields:</li>
            <li>Provide Accurate Information:</li>
            <li>Document Upload (if applicable):</li>
            <li>Agree to Terms and Conditions:</li>
            <li>Download Prospectus by Clciking on Image 👉</li>

</ul>
    </div>
    <div class="right-div" style="width: 30%;">
    
    <a href="https://admission.shsamritsar.org/Prospectus-2023-Sacred-Heart-School.pdf" download>
        
        <img src="prospectus.PNG" alt="Prospectus" style="float: right;">

</a>
</div>

</div>

<tr>

<tr>

<h2>Student Registration Form</h2>

<table>
            <tr>
                <td><label for="candidate_name">Name of the Candidate:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="candidate_name" name="candidate_name" required></td>

</tr>
            <tr>
                <td><label for="dob">Student's Date of Birth:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="date" id="dob" name="dob" required min="2020-04-01" max="2021-03-31"></td>
            </tr>
             <tr>
                <td><label for="student_photo">Upload Student Photo: <br>(Allowed Photo Size – 3.5 cm x 4.5 cm; Size of file should be between 10 KB-50 KB)<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="file" id="student_photo" name="student_photo" accept=".jpg, .jpeg, .png" required></td>
                
            </tr>
             <tr>
                <td colspan="2">
                    <span class="error-message" id="photo-error-message" style="color:red; font-size: 16px;"></span>
                </td>
            </tr>

<tr>
                <td><label for="religion">Religion:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="religion" name="religion" required></td>
            </tr>
            <tr>
                <td><label for="nationality">Nationality:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="nationality" name="nationality" required></td>
            </tr>
           <tr>
    <td><label for="category">Category: (General / SC / ST / OBC)<span style="color: red; font-weight: 900;">*</span></label></td>
    <td>
        <select id="category" name="category" required>
            <option value="">Select Category</option>
            <option value="General">General</option>
            <option value="Scheduled Caste (SC)">Scheduled Caste (SC)</option>
            <option value="Scheduled Tribe (ST)">Scheduled Tribe (ST)</option>
            <option value="Other Backward Classes (OBC)">Other Backward Classes (OBC)</option>
            
        </select>
    </td>
</tr>
<tr id="catCertRow">
    <td><label for="cat_cert">If SC / ST / OBC please attach certificate to this effect (in PDF):</label></td>
    <td><input type="file" id="cat_cert" name="cat_cert" accept=".pdf"></td>
    <div id="pdf-container"></div>
</tr>

<tr>
                <td><label for="address">Address for Correspondence:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><textarea id="address" name="address" rows="3" required></textarea></td>
            </tr>
            <tr>
                <td><label for="parent_email">Parent's Email:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="email" id="parent_email" name="parent_email" required></td>
            </tr>
            <tr>
                <td><label for="mother_name">Mother's Name:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="mother_name" name="mother_name" required></td>
            </tr>
            <tr>
                <td><label for="mother_qualification">Mother's Qualification:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="mother_qualification" name="mother_qualification" required></td>
            </tr>
            <tr>
                <td><label for="mother_profession">Mother's Profession:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="mother_profession" name="mother_profession" required></td>
            </tr>
             <tr>
                <td><label for="is_mother_ex_student">Is Your Mother Ex. Student of Sacred Heart School?<span style="color: red; font-weight: 900;">*</span></label></td>
                <td>
                    <input type="radio" id="is_mother_ex_student_yes" name="is_mother_ex_student" value="Yes" required onclick="toggleRequired()"> Yes
                    <input type="radio" id="is_mother_ex_student_no" name="is_mother_ex_student" value="No" required onclick="toggleRequired()"> No
                </td>
            </tr>
            <tr>
                <td><label for="mother_pass">If Mother was Ex. Student of Sacred Heart then Passing Year?</label></td>
                <td><input type="text" id="mother_pass" name="mother_pass"></td>
            </tr>
            
                <td><label for="is_mother_govt_employee">Is Your Mother Govt. Employee?<span style="color: red; font-weight: 900;">*</span></label></td>
                <td>
                    <input type="radio" id="is_mother_govt_employee_yes" name="is_mother_govt_employee" value="Yes" required> Yes
                    <input type="radio" id="is_mother_govt_employee_no" name="is_mother_govt_employee" value="No" required> No
                </td>
            </tr>
                  <tr>
                <td><label for="mother_sector">If Mother is Govt. Employee then in Which Sector?</label></td>
                <td><input type="text" id="mother_sector" name="mother_sector"></td>
            </tr>
            <tr>
                <td><label for="father_name">Father's Name:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="father_name" name="father_name" required></td>
            </tr>
            <tr>
                <td><label for="father_qualification">Father's Qualification:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="father_qualification" name="father_qualification" required></td>
            </tr>
            <tr>
                <td><label for="father_profession">Father's Profession:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="father_profession" name="father_profession" required></td>
            </tr>
            <tr>
                <td><label for="is_father_govt_employee">Is Your Father Govt. Employee?</label></td>
                <td>
                    <input type="radio" id="is_father_govt_employee_yes" name="is_father_govt_employee" value="Yes" required> Yes
                    <input type="radio" id="is_father_govt_employee_no" name="is_father_govt_employee" value="No" required> No
                </td>
            </tr>
            <tr>
                <td><label for="father_sector">If Father is Govt. Employee then in Which Sector?<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="father_sector" name="father_sector"></td>
            </tr>
            <tr>
                <td><label for="telephone">Mobile No.:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="telephone" name="telephone" required></td>
            </tr>
             <tr>
                <td><label for="whatsapp">Whatsapp No.:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="whatsapp" name="whatsapp" required></td>
            </tr>
            <tr>
                <td><label for="distance_from_school">Distance from School:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="distance_from_school" name="distance_from_school" required></td>
            </tr>
              <tr>
                <td><label for="medical">Allergies / Medical Conditions or other concerns:<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="text" id="medical" name="medical" required></td>
            </tr>
              <tr>
                <td><label for="previous_school_address">Name and Address of previous school (if applicable):</label></td>
                <td><textarea id="previous_school_address" name="previous_school_address" rows="3"></textarea></td>
           
             	<tr>
    <td><label for="sibling">Sibling/s Studying in this School<span style="color: red; font-weight: 900;">*</span></label></td>
    <td>
        <input type="radio" id="siblingYes" name="sibling" value="Yes" required> Yes
        <input type="radio" id="siblingNo" name="sibling" value="No" required > No
    </td>
</tr>
<tr id="classSectionRow" >
    <td><label for="class_section">If Yes then Name/s, Class & Section of Sibling:</label></td>
    <td><input type="text" id="class_section" name="class_section"></td>
</tr>

<td><label for="pdf_report_card">Uplaod a Photocopy of latest report card of sibling (in PDF):</label></td>
                <td><input type="file" id="pdf_report_card" name="pdf_report_card" accept=".pdf"></td>
            </tr>
             <tr>
                <td><label for="dob_cert">Upload a Photocopy of the date of birth certificate of Student (in PDF):<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="file" id="dob_cert" name="dob_cert" accept=".pdf" required></td>

</tr>
            <tr>
                <td><label for="aadhaar">Upload a Copy of the Parents Aadhar Card (in PDF):<span style="color: red; font-weight: 900;">*</span></label></td>
                <td><input type="file" id="aadhaar" name="aadhaar" accept=".pdf" required></td>

</tr>
          
        </table>

<h4> 
 				<input type="checkbox" id="read_terms" name="read_terms" required>
                    <label for="read_terms"><span style="color: red; font-weight: 900;">*</span>I/We have carefully read through the prospectus and if admitted promise to abide by the rules and regulations of the school which are contained therein and those that are laid down later.</label>
        </h4>
       
        <br>
        
        
         <button type="submit" id="Submit" class="submit" name="Submit">Register</button>

</form>
			              </fieldset></td>

</tr>

</table>			          <p> </p></td>

</tr>

</table></td>

</tr>

</table>

</div>

</div>

</section>

<!--     <tr>

</tr> -->

<tr>

<!--    <tr>

</tr>
 -->
          <tr>

<!--  <tr>

<td height="30"><a href="about-school.html">About School</a></td>

</tr>

<tr>

<td height="30"><a href="sister-institutions.html">Sister Institution </a></td>

</tr>

<tr>

<td height="30" ><a href="human-resources.html">Human Resources </a></td>

</tr>

<tr>

<td height="30" ><a href="admission.html">Admission</a></td>

</tr>

<tr>

<td height="30" ><a href="yesteryrs.html">From Yesteryears </a><a href="query.html"></a></td>

</tr>

<tr>

<td height="30" ><a href="academics.html">Academics</a></td>

</tr>

<tr>

<td height="30" ><a href="query.html">Query</a></td>

</tr> -->

</table></td>

</tr>

</table></td>

<!--  <tr>

</tr>

<tr>

</tr> -->

<!--   <tr>

</tr>
 -->
      </table></td>

</tr>

<tr>

<td height="30" colspan="3" valign="top" class="footer-txt"><div align="center">&copy; Sacred Heart Senior Secondary School</div></td>

</tr>

</table>

</div>

</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.8.335/pdf.js"></script>

//     if (categoryDropdown.value === "Scheduled Caste (SC)" || categoryDropdown.value === "Scheduled Tribe (ST)" || categoryDropdown.value === "Other Backward Classes (OBC)") {
//         catCertRow.style.display = "table-row";
//     } else {
//         catCertRow.style.display = "none";
//     }
// }

// Initial check when the page loads
// toggleCatCertField();

// function showClassSectionField() {
//     var classSectionRow = document.getElementById("classSectionRow");
//     classSectionRow.style.display = "table-row";
// }

// function hideClassSectionField() {
//     var classSectionRow = document.getElementById("classSectionRow");
//     classSectionRow.style.display = "none";
// }

// // Initial check when the page loads
// var siblingYes = document.getElementById("siblingYes");
// if (siblingYes.checked) {
//     showClassSectionField();
// } else {
//     hideClassSectionField();
// }

</script>
        <script>
document.addEventListener("DOMContentLoaded", function () {
    const categorySelect = document.getElementById("category");
    const catCertInput = document.getElementById("cat_cert");

// Add an event listener to the category select input
    categorySelect.addEventListener("change", function () {
        if (categorySelect.value === "General") {
            // If "General" is selected, remove the "required" attribute
            catCertInput.removeAttribute("required");
        } else {
            // If any other category is selected, make "cat_cert" required
            catCertInput.setAttribute("required", "required");
        }
    });
});
  // Function to toggle the 'required' attribute based on the radio button value
        function toggleRequired() {
            var isMotherExStudentYes = document.getElementById('is_mother_ex_student_yes').checked;
            var motherPassInput = document.getElementById('mother_pass');
            
            // Set or remove the 'required' attribute based on the radio button value
            if (isMotherExStudentYes) {
                motherPassInput.setAttribute('required', 'required');
            } else {
                motherPassInput.removeAttribute('required');
            }
        }
</script>
</body>

</html>