
<footer class="footer position-relative bg-secondary pt-5 pb-3 pb-lg-3">
    <span class="position-absolute top-0 start-0 d-dark-mode-block d-none w-100 h-100 bg-secondary opacity-75"></span>
    <div class="position-relative container pt-lg-4" data-bs-theme="dark">
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <div class="navbar-brand p-0 me-0 mb-3 mb-lg-4">
                    <img src="{{ asset('settings/'. setting('logo')) }}" width="200" alt="{{setting('site_title')}}">
                </div>
                <p class="fs-sm pb-lg-3 mb-4">Join us for a delightful evening of great food and even better
                    company! Iftar and dinner get-together event, perfect for bringing together friends and
                    colleagues.</p>
            </div>
            <div class="col-xl-6 col-lg-7 col-md-5 offset-xl-2 offset-md-1 pt-4 pt-md-1 pt-lg-0">
                <div id="footer-links" class="row">
                    <div class="col-lg-4">
                        <h6 class="mb-2">
                            <a href="#useful-links" class="d-block text-dark dropdown-toggle d-lg-none py-2"
                               data-bs-toggle="collapse">Useful Links</a>
                        </h6>
                        <div id="useful-links" class="collapse d-lg-block" data-bs-parent="#footer-links">
                            <ul class="nav flex-column pb-lg-1 mb-lg-3">
                                <li class="nav-item"><a href="{{ url('/')}}"
                                                        class="nav-link d-inline-block px-0 pt-1 pb-2">Home</a></li>
                                <li class="nav-item"><a href="{{ route('about') }}" class="nav-link d-inline-block px-0 pt-1 pb-2">About
                                    us</a></li>
                                <li class="nav-item"><a href="{{ route('privacy') }}" class="nav-link d-inline-block px-0 pt-1 pb-2">Privacy
                                    Policy</a></li>
                                <li class="nav-item"><a href="{{ route('terms') }}" class="nav-link d-inline-block px-0 pt-1 pb-2">Terms
                                    & Condition</a></li>
                                <li class="nav-item"><a href="{{ route('posts') }}" class="nav-link d-inline-block px-0 pt-1 pb-2">Blogs</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-3">
                        <h6 class="mb-2">
                            <a href="#social-links" class="d-block text-dark dropdown-toggle d-lg-none py-2"
                               data-bs-toggle="collapse">Socials</a>
                        </h6>
                        <div id="social-links" class="collapse d-lg-block" data-bs-parent="#footer-links">
                            <ul class="nav flex-column mb-2 mb-lg-0">
                                <li class="nav-item"><a href="{{setting('facebook')}}" class="nav-link d-inline-block px-0 pt-1 pb-2">Facebook</a>
                                </li>
                                <li class="nav-item"><a href="{{setting('linkedin')}}" class="nav-link d-inline-block px-0 pt-1 pb-2">LinkedIn</a>
                                </li>
                                <li class="nav-item"><a href="{{setting('twitter')}}" class="nav-link d-inline-block px-0 pt-1 pb-2">Twitter</a>
                                </li>
                                <li class="nav-item"><a href="{{setting('instagram')}}" class="nav-link d-inline-block px-0 pt-1 pb-2">Instagram</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-5 pt-2 pt-lg-0">
                        <h6 class="mb-2">Contact Us</h6>
                        <a href="mailto:{{setting('contact_email')}}" class="fw-medium">{{setting('contact_email')}}</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="credits text-center pt-3 fs-sm" style="border-top: 1px solid #181a22;">
            <span class="">&copy; <?php echo date("Y"); ?> {{setting('site_title')}} All rights reserved.</span>
            <p class="mt-2 mb-0">Developed by <a href="https://www.dataenvelope.com/" style="color: #ffa500" target="_blank"><img
                    src="https://www.dataenvelope.com/settings/1730355836_logo.png" class="img-fluid"
                    style="height: 30px;"></a></p>
        </div>

    </div>
</footer>