<?php
$pageTitle = "Admission Enquiry | B.S. Public School Meerut";
$pageDesc = "Apply for admission at B.S. Public School Meerut. Fill in the enquiry form for 2026-27 session and our team will contact you.";
require_once('header.php');
?>
    <section class="section-padding text-white text-center py-5" style="background: linear-gradient(rgba(0,80,40,0.85),rgba(0,0,0,0.8)), url('http://bsps.co.in/images_new/4.jpg') center/cover no-repeat;">
        <div class="container">
            <h1 class="display-4 fw-bold">Admission Enquiry</h1>
            <p class="lead">Register your interest for 2026-27 Session</p>
            <nav aria-label="breadcrumb"><ol class="breadcrumb justify-content-center">
                <li class="breadcrumb-item"><a href="index.php" class="text-white text-decoration-none">Home</a></li>
                <li class="breadcrumb-item active text-white">Admission Enquiry</li>
            </ol></nav>
        </div>
    </section>

    <section class="section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10 reveal">
                    <div class="p-5 rounded-4 text-white" style="background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); box-shadow: 0 20px 40px rgba(7,37,69,0.3); border: 1px solid rgba(245,166,35,0.3);">
                        <div class="text-center mb-5">
                            <h2 class="display-5 fw-bold text-white">Fill in your details</h2>
                            <p class="lead text-white-50">We will get back to you shortly.</p>
                            <div class="mx-auto mb-4" style="width:80px;height:4px;border-radius:2px;background:var(--accent-color);"></div>
                        </div>
                        <form id="enquiryForm" action="#" method="POST">
                            <div class="row g-4">
                                <div class="col-md-6">
                                    <label class="form-label" style="color:rgba(255,255,255,.9);">Student's Full Name</label>
                                    <input type="text" name="student_name" class="form-control" placeholder="Enter name" required style="background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;border-radius:10px;padding:12px;">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" style="color:rgba(255,255,255,.9);">Parent's Name</label>
                                    <input type="text" name="parent_name" class="form-control" placeholder="Enter parent's name" required style="background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;border-radius:10px;padding:12px;">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label" style="color:rgba(255,255,255,.9);">Grade/Class</label>
                                    <select name="grade" class="form-control" style="background:var(--primary-dark);border:1px solid rgba(255,255,255,.2);color:white;border-radius:10px;padding:12px;">
                                        <option>Nursery</option>
                                        <option>LKG/UKG</option>
                                        <option>Class 1 - 5</option>
                                        <option>Class 6 - 8</option>
                                        <option>Class 9 - 10</option>
                                        <option>BSES Trust Skill Course</option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label" style="color:rgba(255,255,255,.9);">Contact Number</label>
                                    <input type="tel" name="phone" class="form-control" placeholder="+91" required style="background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;border-radius:10px;padding:12px;">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label" style="color:rgba(255,255,255,.9);">Email Address</label>
                                    <input type="email" name="email" class="form-control" placeholder="example@mail.com" style="background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;border-radius:10px;padding:12px;">
                                </div>
                                <div class="col-12">
                                    <label class="form-label" style="color:rgba(255,255,255,.9);">Residential Address</label>
                                    <textarea name="address" class="form-control" rows="3" placeholder="Enter full address" style="background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;border-radius:10px;padding:12px;"></textarea>
                                </div>
                                <div class="col-12 text-center mt-3">
                                    <button class="btn btn-admission px-5 py-3 fs-5 fw-bold" type="submit">Submit Enquiry Now <i class="fas fa-paper-plane ms-2"></i></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php require_once('footer.php'); ?>
