<?php
require_once 'includes/config.php';
?>

<?php include 'header.php'; ?>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-primary text-white text-center">
                <h2 class="mb-0"><i class="fas fa-info-circle me-2"></i>About Us</h2>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-8">
                        <h3>Bishnupriya Manipuri Youth Association (BMYA)</h3>
                        <p>BMYA is a vibrant community organization dedicated to the empowerment, development, and cultural preservation of the Bishnupriya Manipuri community.</p>
                        
                        <h4 class="mt-4">Our Mission</h4>
                        <p>To unite, educate, and empower the youth of the Bishnupriya Manipuri community through various initiatives, programs, and events that promote cultural heritage, personal development, and community service.</p>
                        
                        <h4>Our Vision</h4>
                        <p>To create a global network of empowered Bishnupriya Manipuri youth who actively contribute to the development of their community while preserving their unique cultural identity.</p>
                        
                        <h4>Core Values</h4>
                        <ul>
                            <li><strong>Unity:</strong> Bringing together youth from all backgrounds</li>
                            <li><strong>Culture:</strong> Preserving and promoting our rich heritage</li>
                            <li><strong>Education:</strong> Empowering through knowledge and skills</li>
                            <li><strong>Service:</strong> Giving back to the community</li>
                            <li><strong>Innovation:</strong> Embracing new ideas and technologies</li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <div class="card">
                            <img src="assets/images/logo.png" class="card-img-top p-4" alt="BMYA Logo">
                            <div class="card-body text-center">
                                <h5>Join Our Community</h5>
                                <p>Be part of a growing network of youth working for positive change.</p>
                                <a href="register.php" class="btn btn-primary">Register Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-success text-white">
                <h4 class="mb-0"><i class="fas fa-bullseye me-2"></i>What We Do</h4>
            </div>
            <div class="card-body">
                <ul class="list-unstyled">
                    <li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> Organize cultural events and festivals</li>
                    <li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> Conduct educational workshops and seminars</li>
                    <li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> Provide networking opportunities for youth</li>
                    <li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> Offer career guidance and mentorship programs</li>
                    <li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> Run community service initiatives</li>
                    <li class="mb-3"><i class="fas fa-check-circle text-success me-2"></i> Preserve and promote Bishnupriya Manipuri language and culture</li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h4 class="mb-0"><i class="fas fa-phone-alt me-2"></i>Contact Information</h4>
            </div>
            <div class="card-body">
                <p><i class="fas fa-envelope"></i> <strong>Email:</strong> <?php echo getSystemSetting($pdo, 'system_email'); ?></p>
                <p><i class="fas fa-phone"></i> <strong>Phone:</strong> <?php echo getSystemSetting($pdo, 'system_phone'); ?></p>
                <p><i class="fas fa-map-marker-alt"></i> <strong>Address:</strong> <?php echo getSystemSetting($pdo, 'system_address'); ?></p>
                <hr>
                <div class="social-links">
                    <a href="#" class="btn btn-outline-primary me-2"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="btn btn-outline-info me-2"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="btn btn-outline-success me-2"><i class="fab fa-whatsapp"></i></a>
                    <a href="#" class="btn btn-outline-danger"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>

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