<footer class="footer-area">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-4 col-md-6">
                <div class="single-footer-widget">
                    <h3>About The Magazine</h3>
                    <div class="contact-info">
                        <p>You can reach us via phone, email and website. Or send us some message through our Contact
                            Page.</p>
                        <ul>
                            <li><i class="icofont-google-map"></i>{{ $siteSettings->address }}</li>
                            <li><i class="icofont-phone"></i> <a
                                    href="tel:{{ $siteSettings->phone }}">{{ $siteSettings->phone }}</a></li>
                            <li><i class="icofont-envelope"></i> <a
                                    href="mailto:{{ $siteSettings->email }}">{{ $siteSettings->email }}</a>
                            </li>
                        </ul>
                    </div>
                    <div class="connect-social">
                        <p>We're social, connect with us:</p>
                        <ul>
                            @foreach ($socialLinks as $link)
                                <li>
                                    <a href="{{ $link->url }}" target="_blank">
                                        <i class="{{ $link->icon }}"></i>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single-footer-widget">
                    <h3>Latest News</h3>
                    <div class="footer-latest-news-list">
                        @foreach ($latestPosts->take(3) as $post)
                            <div class="media latest-news-media align-items-center">
                                <a href="{{ $post->slug }}"> <img src="{{ asset($post->post_image) }}"
                                        alt="{{ $post->title }}"> </a>
                                <div class="content">
                                    <ul>
                                        <li><i class="icofont-calendar"></i>
                                            {{ $post->published_at->format('M d, Y') }}</li>
                                        <li>
                                            <a href="{{ $post->slug }}"><i class="icofont-comment"></i>
                                                {{ $post->comments->count() }}</a>
                                        </li>
                                    </ul>
                                    <h3><a href="{{ $post->slug }}">{{ Str::limit($post->title, 70) }}</a></h3>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single-footer-widget">
                    <h3>Twitter Feed</h3>
                    <div class="twitter-tweet-list">
                        <div class="single-tweet">
                            <i class="icofont-twitter"></i> <span>About 2 days ago</span>
                            <p>Conference Event WordPress Theme -&gt; 2 New Home Added <a
                                    href="https://twitter.com/login">https://tt.co/Rn00zM5q7gY70</a></p>
                        </div>
                        <div class="single-tweet">
                            <i class="icofont-twitter"></i> <span>About 2 days ago</span>
                            <p>Conference Event WordPress Theme -&gt; 2 New Home Added <a
                                    href="https://twitter.com/login">https://tt.co/Rn00zM5q7gY70</a></p>
                        </div>
                        <div class="single-tweet">
                            <i class="icofont-twitter"></i> <span>About 2 days ago</span>
                            <p>Conference Event WordPress Theme -&gt; 2 New Home Added <a
                                    href="https://twitter.com/login">https://tt.co/Rn00zM5q7gY70</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-12">
                    {{-- <p>© by <a href="https://thenewshai.com/" target="_blank"></a></p> --}}
                </div>
                <div class="col-lg-6 col-md-12">
                    <ul class="footer-nav">
                        <li><a href="{{ route('home') }}">Home</a></li>
                        <li><a href="">Blog</a></li>
                        <li><a href="#">Forums</a>
                        </li>
                        <li><a href="{{ route('contact.page') }}">Contact</a></li>
                        <li><a href="#">Advertisement</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<div class="go-top" style="display: none;"><i class="icofont-swoosh-up"></i></div>
<script src="{{ asset('frontend/js/jquery.min.js') }}"></script>
<script src="{{ asset('frontend/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('frontend/js/jquery.meanmenu.js') }}"></script>
<script src="{{ asset('frontend/js/mixitup.min.js') }}"></script>
<script src="{{ asset('frontend/js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('frontend/js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('frontend/js/main.js') }}"></script>
<script src="{{ asset('frontend/js/jquery.ajaxchimp.min.js') }}"></script>

@stack('scripts')

<div class="switch-box"><label id="switch" class="switch"><input type="checkbox" onchange="toggleTheme()"
            id="slider"><span class="slider round"></span></label></div>

</body>


</html>
