<?php 
require_once 'includes/db.php';
require_once 'includes/header.php'; 
?>

<div class="container my-5">
    <div class="row">
        <div class="col-12 text-center mb-5">
            <h2 class="section-title">Support Our Mission</h2>
            <p class="text-muted fs-5">Your donation helps us extend our reach to provide education, legal aid, and health services to the deserving ones.</p>
        </div>
    </div>
    
    <div class="row justify-content-center g-5">
        
        <!-- Bank Details -->
        <div class="col-md-6">
            <div class="card h-100 shadow border-0" style="border-radius: 15px;">
                <div class="card-header bg-primary text-white text-center py-3" style="border-radius: 15px 15px 0 0;">
                    <h4 class="mb-0"><i class="fas fa-university me-2"></i> Bank Transfer</h4>
                </div>
                <div class="card-body p-4 bg-light">
                    <ul class="list-group list-group-flush" style="font-size: 1.1rem;">
                        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center py-3">
                            <span class="text-muted fw-bold">Account Name:</span>
                            <span class="fw-bold text-dark text-end">BHARTIYA SEVA EDUCATIONAL SANGATHAN TRUST</span>
                        </li>
                        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center py-3">
                            <span class="text-muted fw-bold">Account Number:</span>
                            <span class="fw-bold text-primary fs-5">022688700001200</span>
                        </li>
                        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center py-3">
                            <span class="text-muted fw-bold">IFSC Code:</span>
                            <span class="fw-bold text-success fs-5">YESB0000226</span>
                        </li>
                        <li class="list-group-item bg-transparent d-flex justify-content-between align-items-center py-3">
                            <span class="text-muted fw-bold">Bank Name:</span>
                            <span class="fw-bold text-dark">Yes Bank Ltd.</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- UPI Details -->
        <div class="col-md-5">
            <div class="card h-100 shadow border-0" style="border-radius: 15px;">
                <div class="card-header bg-success text-white text-center py-3" style="border-radius: 15px 15px 0 0;">
                    <h4 class="mb-0"><i class="fas fa-qrcode me-2"></i> Scan & Pay (UPI)</h4>
                </div>
                <div class="card-body p-4 text-center d-flex flex-column justify-content-center align-items-center">
                    
                    <div class="bg-white p-3 border rounded shadow-sm mb-4">
                        <!-- We use a placeholder QR or relative path if you uploaded one -->
                        <img src="https://i.ibb.co/QjC7Ykfq/7dc2ba15-cc33-4d8a-ba2c-1f2701979b99.jpg" alt="Donate via UPI QR Code" class="img-fluid" style="max-height: 250px;">
                    </div>
                    


                    <div class="mt-3">
                        <img src="https://upload.vectorlogo.zone/logos/upi/upi-ar21.svg" alt="UPI Logo" height="30" class="me-2">
                        <img src="https://www.gstatic.com/images/branding/googlepay/2x/googlepay_dark_82dp.png" alt="GPay" height="30" class="me-2">
                        <img src="https://www.phonepe.com/en/assets/images/logo.png" alt="PhonePe" height="30">
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    
    <div class="row mt-5">
        <div class="col-12 text-center text-muted">
            <p><small>* All donations are eligible for tax exemption under section 80G of the Income Tax Act.</small></p>
        </div>
    </div>
</div>

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