<?php $page_title = 'Contact Us'; include 'includes/header.php'; ?>

<section class="page-hero">
    <div class="container">
        <h1>Contact Us</h1>
        <div class="breadcrumb">
            <a href="index.php">Home</a> <span>/</span> <span>Contact Us</span>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="contact-grid">
            <div class="contact-form fade-up">
                <h3><i class="fas fa-paper-plane"></i> Send Us a Message</h3>
                <form onsubmit="event.preventDefault(); alert('Thank you for your message! We will get back to you soon.');">
                    <div class="form-row">
                        <div class="form-group">
                            <label>First Name</label>
                            <input type="text" placeholder="Enter first name" required>
                        </div>
                        <div class="form-group">
                            <label>Last Name</label>
                            <input type="text" placeholder="Enter last name" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Email Address</label>
                        <input type="email" placeholder="Enter email address" required>
                    </div>
                    <div class="form-group">
                        <label>Phone Number</label>
                        <input type="tel" placeholder="Enter phone number">
                    </div>
                    <div class="form-group">
                        <label>I am Interested In</label>
                        <select>
                            <option>Visiting Your Institute</option>
                            <option>Bringing NSS Students</option>
                            <option>Conducting Workshop</option>
                            <option>Donation</option>
                            <option>Other</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Message</label>
                        <textarea placeholder="Write your message here..."></textarea>
                    </div>
                    <button type="submit" class="btn btn-green" style="width: 100%;"><i class="fas fa-paper-plane"></i> Send Message</button>
                </form>
            </div>

            <div class="contact-info fade-up">
                <div class="contact-info-card">
                    <div class="contact-info-icon"><i class="fas fa-map-marker-alt"></i></div>
                    <div>
                        <h4>Our Address</h4>
                        <p>Padma Bhushan Tarabai Modak Vidya Nagri, Gram Bal Shiksha Kendra, Kosbad, Dahanu, Dist. Palghar, Maharashtra – 401703 India</p>
                    </div>
                </div>

                <div class="contact-info-card">
                    <div class="contact-info-icon"><i class="fas fa-phone"></i></div>
                    <div>
                        <h4>Phone Numbers</h4>
                        <p><strong>Office:</strong> (+91) 73785 90020</p>
                        <p><strong>Vidya Patil (Deputy Director):</strong> (+91) 84218 66455</p>
                    </div>
                </div>

                <div class="contact-info-card">
                    <div class="contact-info-icon"><i class="fas fa-envelope"></i></div>
                    <div>
                        <h4>Email Address</h4>
                        <p>nutanbalkosbad10@gmail.com</p>
                        <p>nbssshikshanpatrika@gmail.com</p>
                    </div>
                </div>

                <div class="contact-info-card">
                    <div class="contact-info-icon"><i class="fas fa-clock"></i></div>
                    <div>
                        <h4>Office Hours</h4>
                        <p>Monday – Friday: 8:00 AM – 3:30 PM</p>
                    </div>
                </div>

                <div class="contact-info-card" style="background: var(--primary); color: var(--white); border: none;">
                    <div class="contact-info-icon" style="background: rgba(255,255,255,0.2); color: var(--white);"><i class="fas fa-university"></i></div>
                    <div>
                        <h4 style="color: var(--white);">Visit Our Campus</h4>
                        <p style="color: rgba(255,255,255,0.9);">NBSS welcomes you to visit our campus. Discover, learn, and be inspired at Kosbad Hill. We invite all individuals interested in studying our educational initiatives.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Map -->
<section class="map-section">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3764.123456789!2d72.9876543!3d19.8765432!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTnCsDUyJzM2LjAiTiA3MsKwNTknMTUuNiJF!5e0!3m2!1sen!2sin!4v1234567890" allowfullscreen="" loading="lazy"></iframe>
</section>

<?php include 'includes/footer.php'; ?>
