</div><!-- end container -->
    </div><!-- end main content wrapper -->

<?php
// Load contact configuration
require_once 'app/classes/ContactConfig.php';
$contactConfig = new ContactConfig($conn);

// Get dynamic contact information
$companyName = $contactConfig->getCompanyName();
$contactPhone = $contactConfig->getContactPhone();
$contactEmail = $contactConfig->getContactEmail();
$businessAddress = $contactConfig->getBusinessAddress();
$whatsappLink = $contactConfig->getWhatsAppLink();
?>

    <!-- Professional Footer -->
    <footer class="bg-[#1e293b] border-t border-slate-600">
        <div class="container mx-auto px-4 py-12">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-10 pb-8">
                <div class="col-span-1 md:col-span-2">
                    <div class="flex items-center space-x-3 mb-4">
                        <div class="w-10 h-10 bg-gradient-to-br from-amber-500 to-yellow-600 rounded-lg flex items-center justify-center logo-glow">
                            <i class="fas fa-wifi text-white text-lg icon-glow"></i>
                        </div>
                        <span class="text-xl font-semibold text-white text-glow-subtle"><?= htmlspecialchars($companyName) ?></span>
                    </div>
                    <p class="text-gray-400 mb-6 leading-relaxed max-w-md">Affordable data bundles for MTN, Telecel and AirtelTigo with instant delivery and 24/7 support.</p>
                    <div class="flex space-x-3">
                        <a href="<?= htmlspecialchars($whatsappLink) ?>" target="_blank" class="w-9 h-9 bg-white/5 hover:bg-white/10 border border-slate-600 rounded-lg flex items-center justify-center text-gray-400 hover:text-white transition-all hover-glow">
                            <i class="fab fa-whatsapp icon-glow"></i>
                        </a>
                        <a href="mailto:<?= htmlspecialchars($contactEmail) ?>" class="w-9 h-9 bg-white/5 hover:bg-white/10 border border-slate-600 rounded-lg flex items-center justify-center text-gray-400 hover:text-white transition-all hover-glow">
                            <i class="fas fa-envelope icon-glow"></i>
                        </a>
                    </div>
                </div>

                <div>
                    <h3 class="font-semibold text-sm uppercase tracking-wider text-gray-400 mb-4">
                        Quick Links
                    </h3>
                    <ul class="space-y-2">
                        <li><a href="bundle.php" class="text-gray-400 hover:text-white transition-colors text-sm">
                            Buy Data Bundle
                        </a></li>
                        <li><a href="order-status.php" class="text-gray-400 hover:text-white transition-colors text-sm">
                            Check Order Status
                        </a></li>
                        <li><a href="privacy.php" class="text-gray-400 hover:text-white transition-colors text-sm">
                            Privacy Policy
                        </a></li>
                        <li><a href="login.php" class="text-gray-400 hover:text-white transition-colors text-sm">
                            Agent Login
                        </a></li>
                    </ul>
                </div>

                <div>
                    <h3 class="font-semibold text-sm uppercase tracking-wider text-gray-400 mb-4">
                        Contact
                    </h3>
                    <ul class="space-y-3 text-sm">
                        <li class="flex items-start text-gray-400">
                            <i class="fas fa-phone mt-0.5 mr-2"></i>
                            <span><?= htmlspecialchars($contactPhone) ?></span>
                        </li>
                        <li class="flex items-start text-gray-400">
                            <i class="fas fa-envelope mt-0.5 mr-2"></i>
                            <span class="break-all"><?= htmlspecialchars($contactEmail) ?></span>
                        </li>
                        <li class="flex items-start text-gray-400">
                            <i class="fas fa-map-marker-alt mt-0.5 mr-2"></i>
                            <span><?= htmlspecialchars($businessAddress) ?></span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <!-- Bottom Bar -->
            <div class="border-t border-slate-600 pt-6 text-center">
                <p class="text-gray-400 text-sm">&copy; <?= date('Y') ?> <?= htmlspecialchars($companyName) ?>. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <!-- Scroll to Top Button -->
    <button id="scrollToTop" class="fixed bottom-6 right-6 w-11 h-11 bg-gradient-to-r from-amber-500 to-yellow-600 hover:from-amber-600 hover:to-yellow-700 text-white rounded-lg shadow-lg transition-all duration-200 transform hover:scale-105 opacity-0 invisible z-50 golden-glow hover-glow">
        <i class="fas fa-arrow-up text-sm icon-glow"></i>
    </button>

<!-- Core JavaScript -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/tether.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/custom.js"></script>



<!-- datatables -->
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/responsive/3.0.2/js/dataTables.responsive.js"></script>

<!-- Scroll to Top JavaScript -->
<script>
    // Scroll to top functionality
    const scrollToTopBtn = document.getElementById('scrollToTop');
    
    window.addEventListener('scroll', function() {
        if (window.pageYOffset > 300) {
            scrollToTopBtn.classList.remove('opacity-0', 'invisible');
            scrollToTopBtn.classList.add('opacity-100', 'visible');
        } else {
            scrollToTopBtn.classList.add('opacity-0', 'invisible');
            scrollToTopBtn.classList.remove('opacity-100', 'visible');
        }
    });
    
    scrollToTopBtn.addEventListener('click', function() {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });
</script>

</body>
</html> 