⚠️ School data not found. Cannot load header.


<style>
body {
    display: flex;
    flex-direction: column;
    /* Stack elements vertically */
    min-height: 100vh;
    /* Ensure the body takes the full height of the viewport */
    margin: 0;
    background-color: #f8f9fa;
    /* Light background */
}

.auth-container {
    width: 100%;
    max-width: 400px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin: auto;
    /* Center horizontally */
}

main {
    flex: 1;
    /* Push the footer to the bottom */
    display: flex;
    justify-content: center;
    align-items: center;
}

.auth-header {
    text-align: center;
    margin-bottom: 20px;
}

.auth-header img {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}

.auth-header h2 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.form-group {
    margin-bottom: 15px;
}

.btn-block {
    width: 100%;
}

.auth-links {
    text-align: center;
    margin-top: 15px;
}

.auth-links a {
    margin: 0 5px;
    color: #007bff;
    text-decoration: none;
}

.auth-links a:hover {
    text-decoration: underline;
}

.password-input {
    position: relative;
}

.password-input button.toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

.password-input button.toggle-password i {
    font-size: 16px;
    color: #6c757d;
}

.form-group.d-flex input {
    max-width: 150px;
    /* Limit the width of the latitude and longitude fields */
}
</style>


<div class="auth-container">
    <div class="auth-card">
        <div class="auth-header">
            <h2>Student Registration</h2>
        </div>

        
        
        <form action="process-register.php" method="POST">
            <input type="hidden" name="type" value="student">

            <div class="form-group">
                <label for="name">Full Name</label>
                <input type="text" id="name" name="name" class="form-control" required>
            </div>

            <div class="form-group">
                <label for="email">Email Address</label>
                <input type="email" id="email" name="email" class="form-control" required>
            </div>

            <div class="form-group">
                <label for="parent_name">Parent/Guardian Name</label>
                <input type="text" id="parent_name" name="parent_name" class="form-control" required>
            </div>

            <div class="form-group">
                <label for="school_id">School ID</label>
                <input type="text" id="school_id" name="school_id" class="form-control" required>
            </div>

            <div class="form-group">
                <label for="contact_number">Contact Number</label>
                <input type="tel" id="contact_number" name="contact_number" class="form-control" required>
            </div>

            <div class="form-group">
                <label for="password">Password</label>
                <div class="password-input">
                    <input type="password" id="password" name="password" class="form-control" required minlength="8">
                    <button type="button" class="toggle-password">
                        <i class="fas fa-eye"></i>
                    </button>
                </div>
                <small class="form-text text-muted">Minimum 8 characters</small>
            </div>

            <div class="form-group">
                <label for="confirm_password">Confirm Password</label>
                <input type="password" id="confirm_password" name="confirm_password" class="form-control" required>
            </div>

            <div class="form-group">
                <label for="enrollment_date">Enrollment Date <span class="text-danger">*</span></label>
                <input type="date" id="enrollment_date" name="enrollment_date" class="form-control"
                    value="2025-10-20" required>
                <div class="invalid-feedback">Please select an enrollment date</div>
            </div>

            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-block">Register</button>
            </div>

            <div class="auth-footer">
                <a href="<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/online5jun/mymadrasa.ncsdc.in/student/student_registration.php</b> on line <b>195</b><br />
<br />
<b>Deprecated</b>:  urlencode(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/home/online5jun/mymadrasa.ncsdc.in/student/student_registration.php</b> on line <b>195</b><br />
https://mymadrasa.ncsdc.in/student/login.php?slug=">
                    Aleady Registration please login ? </a>
            </div>
        </form>
    </div>
</div>

<script>
// Password toggle script
document.querySelectorAll('.toggle-password').forEach(button => {
    button.addEventListener('click', function() {
        const passwordInput = this.previousElementSibling;
        const icon = this.querySelector('i');

        if (passwordInput.type === 'password') {
            passwordInput.type = 'text';
            icon.classList.replace('fa-eye', 'fa-eye-slash');
        } else {
            passwordInput.type = 'password';
            icon.classList.replace('fa-eye-slash', 'fa-eye');
        }
    });
});
</script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>

<!-- ⚠️ Footer template not found -->