<!-- Frontend Footer -->
<footer class="bg-dark text-white mt-5 py-5">
    <div class="container">
        <div class="row g-4">
            <!-- About Section -->
            <div class="col-lg-4 col-md-6">
                <h5 class="fw-bold mb-3"><?= APP_NAME ?></h5>
                <p class="text-white-50">Your trusted platform for renting and listing items. Connect with vendors and customers in your area.</p>
                <div class="d-flex gap-2 mt-3">
                    <a href="#" class="btn btn-outline-light btn-sm rounded-circle" style="width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center;">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#" class="btn btn-outline-light btn-sm rounded-circle" style="width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center;">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#" class="btn btn-outline-light btn-sm rounded-circle" style="width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center;">
                        <i class="fab fa-instagram"></i>
                    </a>
                    <a href="#" class="btn btn-outline-light btn-sm rounded-circle" style="width: 36px; height: 36px; padding: 0; display: flex; align-items: center; justify-content: center;">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                </div>
            </div>
            
            <!-- Quick Links -->
            <div class="col-lg-2 col-md-6">
                <h6 class="fw-bold mb-3">Quick Links</h6>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="<?= APP_URL ?>" class="text-white-50 text-decoration-none">Home</a></li>
                    <li class="mb-2"><a href="<?= APP_URL ?>/items.php" class="text-white-50 text-decoration-none">Browse Items</a></li>
                    <li class="mb-2"><a href="<?= APP_URL ?>/about-us.php" class="text-white-50 text-decoration-none">About Us</a></li>
                    <li class="mb-2"><a href="<?= APP_URL ?>/contact-us.php" class="text-white-50 text-decoration-none">Contact</a></li>
                </ul>
            </div>
            
            <!-- For Vendors -->
            <div class="col-lg-3 col-md-6">
                <h6 class="fw-bold mb-3">For Vendors</h6>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="<?= APP_URL ?>/auth/register.php" class="text-white-50 text-decoration-none">Become a Vendor</a></li>
                    <li class="mb-2"><a href="<?= APP_URL ?>/vendor/index.php" class="text-white-50 text-decoration-none">Vendor Dashboard</a></li>
                    <li class="mb-2"><a href="<?= APP_URL ?>/faqs.php" class="text-white-50 text-decoration-none">FAQs</a></li>
                </ul>
            </div>
            
            <!-- Contact Info -->
            <div class="col-lg-3 col-md-6">
                <h6 class="fw-bold mb-3">Contact Us</h6>
                <ul class="list-unstyled text-white-50">
                    <li class="mb-2">
                        <i class="fas fa-map-marker-alt me-2"></i>
                        Lagos, Nigeria
                    </li>
                    <li class="mb-2">
                        <i class="fas fa-phone me-2"></i>
                        +234 123 456 7890
                    </li>
                    <li class="mb-2">
                        <i class="fas fa-envelope me-2"></i>
                        <?= defined('MAIL_FROM_EMAIL') ? MAIL_FROM_EMAIL : 'info@' . strtolower(APP_NAME) . '.com' ?>
                    </li>
                </ul>
            </div>
        </div>
        
        <!-- Bottom Bar -->
        <hr class="border-secondary my-4">
        <div class="row align-items-center">
            <div class="col-md-6 text-center text-md-start">
                <p class="mb-0 text-white-50 small">
                    &copy; <?= date('Y') ?> <?= APP_NAME ?>. All rights reserved.
                </p>
            </div>
            <div class="col-md-6 text-center text-md-end">
                <a href="<?= APP_URL ?>/privacy-policy.php" class="text-white-50 text-decoration-none small me-3">Privacy Policy</a>
                <a href="<?= APP_URL ?>/terms-conditions.php" class="text-white-50 text-decoration-none small">Terms & Conditions</a>
            </div>
        </div>
    </div>
</footer>