</main>
    <footer class="bg-white border-top py-5">
        <div class="container">
            <div class="row g-4">
                <div class="col-lg-4">
                    <a class="navbar-brand fw-bold text-success d-flex align-items-center" href="/">
                        <?php if (get_setting('site_icon')): ?>
                            <img src="/<?php echo get_setting('site_icon'); ?>" alt="Logo" class="me-2" style="height: 30px;">
                        <?php else: ?>
                            <i class="bi bi-robot"></i>
                        <?php endif; ?>
                        <?php echo htmlspecialchars(get_setting('site_name', 'ApkNusa')); ?>
                    </a>
                    <p class="text-muted mt-3 pe-lg-5">
                        <?php echo htmlspecialchars(get_setting('site_name', 'ApkNusa')); ?> <?php echo __('footer_about'); ?>
                    </p>
                </div>
                <div class="col-6 col-lg-2">
                    <h6 class="fw-bold mb-3"><?php echo __('popular'); ?></h6>
                    <ul class="list-unstyled">
                        <li><a href="/" class="text-muted text-decoration-none py-1 d-block small"><?php echo __('top_games'); ?></a></li>
                        <li><a href="/" class="text-muted text-decoration-none py-1 d-block small"><?php echo __('top_apps'); ?></a></li>
                        <li><a href="/" class="text-muted text-decoration-none py-1 d-block small"><?php echo __('new_releases'); ?></a></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-2">
                    <h6 class="fw-bold mb-3"><?php echo __('resources'); ?></h6>
                    <ul class="list-unstyled">
                        <li><a href="/help-center" class="text-muted text-decoration-none py-1 d-block small"><?php echo __('support_center'); ?></a></li>
                        <li><a href="/terms-of-service" class="text-muted text-decoration-none py-1 d-block small"><?php echo __('terms_of_service'); ?></a></li>
                        <li><a href="/privacy-policy" class="text-muted text-decoration-none py-1 d-block small"><?php echo __('privacy_policy'); ?></a></li>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <h6 class="fw-bold mb-3"><?php echo __('subscribe'); ?></h6>
                    <p class="text-muted small"><?php echo __('subscribe_text'); ?></p>
                    <div class="input-group">
                        <input type="email" class="form-control border-light-subtle" placeholder="<?php echo __('email_placeholder'); ?>">
                        <button class="btn btn-success px-3" type="button"><?php echo __('subscribe'); ?></button>
                    </div>
                </div>
            </div>
            <hr class="my-5 text-black-50 opacity-25">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-start">
                    <span class="text-muted small">&copy; <?php echo date('Y'); ?> <?php echo htmlspecialchars(get_setting('site_name', 'ApkNusa')); ?>. <?php echo __('all_rights_reserved'); ?></span>
                </div>
                <div class="col-md-6 text-center text-md-end mt-3 mt-md-0">
                    <div class="d-flex justify-content-center justify-content-md-end gap-3">
                        <a href="#" class="text-muted"><i class="bi bi-facebook"></i></a>
                        <a href="#" class="text-muted"><i class="bi bi-twitter-x"></i></a>
                        <a href="#" class="text-muted"><i class="bi bi-instagram"></i></a>
                        <a href="#" class="text-muted"><i class="bi bi-github"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/main.js"></script>
    <?php echo get_setting('body_js'); ?>
</body>
</html>