{{-- already added --}}

<!-- Footer Start -->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <div class="footer-widget">
                    <h3 class="title">Get in Touch</h3>
                    <div class="contact-info">
                        <p><i class="fa fa-map-marker"></i>{{ $siteSettings->address }}</p>
                        <p><i class="fa fa-envelope"></i><a
                                href="mailto:{{ $siteSettings->email }}">{{ $siteSettings->email }}</a></p>
                        <p><i class="fa fa-phone"></i>{{ $siteSettings->phone }}</p>
                        <div class="social">
                            <a href="{{ $siteSettings->twitter }}" target="_blank"><i class="fab fa-twitter"></i></a>
                            <a href="{{ $siteSettings->facebook }}" target="_blank"><i
                                    class="fab fa-facebook-f"></i></a>
                            <a href="{{ $siteSettings->linkedin }}" target="_blank"><i
                                    class="fab fa-linkedin-in"></i></a>
                            <a href="{{ $siteSettings->instagram }}" target="_blank"><i
                                    class="fab fa-instagram"></i></a>
                            <a href="{{ $siteSettings->youtube }}" target="_blank"><i class="fab fa-youtube"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="footer-widget">
                    <h3 class="title">Useful Links</h3>
                    <ul>
                        {{-- <li><a href="#">Lorem ipsum</a></li>
                        <li><a href="#">Pellentesque</a></li>
                        <li><a href="#">Aenean vulputate</a></li>
                        <li><a href="#">Vestibulum sit amet</a></li>
                        <li><a href="#">Nam dignissim</a></li> --}}
                    </ul>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="footer-widget">
                    <h3 class="title">Quick Links</h3>
                    <ul>
                        {{-- <li><a href="#">Lorem ipsum</a></li>
                        <li><a href="#">Pellentesque</a></li>
                        <li><a href="#">Aenean vulputate</a></li>
                        <li><a href="#">Vestibulum sit amet</a></li>
                        <li><a href="#">Nam dignissim</a></li> --}}
                    </ul>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="footer-widget">
                    <h3 class="title">Newsletter</h3>
                    <div class="newsletter">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed porta dui. Class
                            aptent taciti sociosqu
                        </p>
                        <form method="POST" action="{{ route('newsletter') }}">
                            @csrf
                            <input class="form-control" type="email" name="newsletteremail"
                                placeholder="Your email here" required>
                            <button type="submit" class="btn">Submit</button>
                        </form>
                        {{-- Error message for newsletter email --}}
                        @error('newsletteremail')
                            <div class="alert alert-danger mt-2">
                                {{ $message }}
                            </div>
                        @enderror

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Footer End -->

<!-- Footer Menu Start -->
<div class="footer-menu">
    <div class="container">
        <div class="f-menu">
            <a href="#">Terms of use</a>
            <a href="#">Privacy policy</a>
            <a href="#">Cookies</a>
            <a href="#">Accessibility help</a>
            <a href="#">Advertise with us</a>
            <a href="#">Contact us</a>
        </div>
    </div>
</div>
<!-- Footer Menu End -->

<!-- Footer Bottom Start -->
<div class="footer-bottom">
    <div class="container">
        <div class="row">
            <div class="col-md-6 copyright">
                <p>Copyright &copy; <a href="#">News</a>. All Rights Reserved</p>
            </div>

            <div class="col-md-6 template-by">
                <p>Designed By <a href="https://htmlcodex.com/">K Kushwaha</a></p>
            </div>
        </div>
    </div>
</div>
<!-- Footer Bottom End -->

<!-- Back to Top -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- JavaScript Libraries -->
<script data-cfasync="false" src="{{ asset('frontend/js/email-decode.min.js') }}"></script>
<script src="{{asset('frontend/js/jquery-3.4.1.min.js')}}" type="b66f0c05da4ad7fc9ab7676d-text/javascript"></script>
<script src="{{asset('frontend/js/bootstrap.bundle.min.js')}}" type="b66f0c05da4ad7fc9ab7676d-text/javascript"></script>
<script src="{{asset('frontend/lib/easing/easing.min.js')}}" type="b66f0c05da4ad7fc9ab7676d-text/javascript"></script>
<script src="{{asset('frontend/lib/slick/slick.min.js')}}" type="b66f0c05da4ad7fc9ab7676d-text/javascript"></script>

<!-- Template Javascript -->
<script src="{{asset('frontend/js/main.js')}}" type="b66f0c05da4ad7fc9ab7676d-text/javascript"></script>
<script src="{{ asset('frontend/cloudflare-static/rocket-loader.min.js') }}"
    data-cf-settings="b66f0c05da4ad7fc9ab7676d-|49" defer></script>
<script>
    function dismissAlert() {
        const alertEl = document.getElementById('laravel-alert');
        if (!alertEl) return;
        alertEl.classList.add('fade-out');
        alertEl.addEventListener('animationend', () => alertEl.remove());
    }

    document.addEventListener('DOMContentLoaded', () => {
        const alertEl = document.getElementById('laravel-alert');
        if (alertEl) {
            alertEl.style.display = 'block';
            // Automatically dismiss after 4 seconds
            setTimeout(dismissAlert, 4000);
        }
    });
</script>


</body>


</html>
