<footer class="footer-dark main-footer overflow-hidden position-relative pt-5">
        <div class="container pt-4">
            <div class="border-top py-5">
                <div class="footer-row row gy-5 g-sm-5 gx-xxl-6">
                    <div class="border-end col-lg-4 col-md-7 col-sm-6">
                        <a href="index.php" class="footer-logo">
                            <img src="assets/images/logo-white.png" alt="" style="max-width: 250px; height:auto">
                        </a>
                        <br><br>
                        <div class="mb-4">Rentidium is your trusted marketplace for renting items. Find everything you need or earn by listing your items for rent.</div>
                        <div class="border rounded-4 p-4 mb-4">
                            <h6 class="text-white-50 mb-3">Join our Whatsapp:</h6>
                            <a class="align-items-center d-block d-flex whatsapp-number" href="#"><i class="fa-brands fa-whatsapp fs-2 me-2"></i><span class="fs-5 fw-semibold text-decoration-underline">+(234) 801-234-5678</span></a>
                        </div>
                    </div>
                    <div class="border-end col-lg-4 col-md-5 col-sm-6">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="footer-widget">
                                    <h5 class="footer-title">Quick Links</h5>
                                    <ul class="footer-links list-unstyled mt-3">
                                        <li><a href="index.php">Home</a></li>
                                        <li><a href="items.php">Items</a></li>
                                        <li><a href="about-us.php">About Us</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="footer-widget">
                                    <h5 class="footer-title">Support</h5>
                                    <ul class="footer-links list-unstyled mt-3">
                                        <li><a href="faq.php">FAQ</a></li>
                                        <li><a href="contact-us.php">Contact</a></li>
                                        <li><a href="privacy-policy.php">Privacy Policy</a></li>
                                        <li><a href="terms-of-service.php">Terms of Service</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <h5 class="fw-bold mb-4">Get In Touch</h5>
                        <ul class="footer-links list-unstyled mt-3">
                            <li><i class="fas fa-phone me-2"></i> +1 (555) 123-4567</li>
                            <li><i class="fas fa-envelope me-2"></i> info@rentidium.com</li>
                            <li><i class="fas fa-map-marker-alt me-2"></i> 123 Main St, City, State</li>
                        </ul>
                        <div class="border-top my-4"></div>
                        <h5 class="fw-bold mb-4">Follow the location</h5>
                        <!-- start social icon -->
                        <ul class="d-flex flex-wrap gap-2 list-unstyled mb-0 social-icon">
                            <li>
                                <a href="https://www.instagram.com/rentidium" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white inst">
                                    <i class="fab fa-instagram"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://x.com/rentidium" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white twi">
                                    <i class="fab fa-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.facebook.com/rentidium" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white fb">
                                    <i class="fab fa-facebook-f"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://wa.me/1234567890" class="rounded-circle align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white whatsapp">
                                    <i class="fa-brands fa-whatsapp"></i>
                                </a>
                            </li>
                        </ul>
                        <!-- /. end social icon -->
                    </div>
                </div>
            </div>
        </div>
        <div class="container border-top">
            <div class="align-items-center g-3 py-4 row">
                <div class="col-lg-auto">
                    <!-- start footer nav -->
                    <ul class="list-unstyled list-separator mb-2 footer-nav">
                        <li class="list-inline-item"><a href="#">Privacy</a></li>
                        <li class="list-inline-item"><a href="#">Sitemap</a></li>
                        <li class="list-inline-item"><a href="#">Cookies</a></li>
                    </ul>
                    <!-- end /. footer nav -->
                </div>
                <div class="col-lg order-md-first">
                    <div class="align-items-center row">
                        <!-- start text -->
                        <div class="col-sm-auto copy">&copy; <?= date('Y') ?> Rentidium. - All Rights Reserved</div>
                        <!-- end /. text -->
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/plugins/aos/aos.min.js"></script>
    <script src="assets/plugins/jquery/jquery.min.js"></script>
    <script src="assets/plugins/OwlCarousel2/js/owl.carousel.min.js"></script>
    <script src="assets/plugins/magnific-popup/magnific-popup.min.js"></script>
    <script src="assets/plugins/select2/select2.min.js"></script>
    <script src="assets/plugins/ion.rangeSlider/ion.rangeSlider.min.js"></script>
    <script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.ui.widget.js"></script>
    <script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fileupload.js"></script>
    <script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.iframe-transport.js"></script>
    <script src="assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fancy-fileupload.js"></script>
    <script src="assets/js/main.js"></script>
    
    <?php if (isset($additional_js)): ?>
        <?php foreach ($additional_js as $js): ?>
            <script src="<?= $js ?>"></script>
        <?php endforeach; ?>
    <?php endif; ?>

</body>
</html>