@use('App\Models\Services')
<!--footer sec-->
            <div style="background-color: #333366;">
                <div class="contact-widget">
                    <div class="container">
                        <div class="row">
                            <div class="contact col-md-3 col-xs-12 col-sm-12">
                                <a href="{{ route('home') }}" class="footer-logo"><img
                                        src="{{ asset(SITEVARS->icon) }}" alt="{{ SITEVARS->title }}"></a>
                            </div>
                            <div class="contact col-md-3 col-xs-12 col-sm-12"><i class="flaticon-signs"></i>
                                <h4>Address :</h4>
                                <h4>{{ SITEVARS->content1 }}</h4>
                            </div>
                            <div class="contact col-md-3 col-xs-12 col-sm-12"><i class="flaticon-phone-call "></i>
                                <h4>Contact Number :</h4>
                                <h4>{{ SITEVARS->phone }}, {{ SITEVARS->secondary_phone }}</h4>
                            </div>
                            <div class="contact col-md-3 col-xs-12 col-sm-12"><i class="flaticon-clock-1"></i>
                                <h4>Email :</h4>
                                <h4>{{ SITEVARS->email }}</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer-widgets widgets-area">
                <div class="footer-sidebars">
                    <div class="container">
                        <div class="row">
                            <div class="footer-sidebar footer-1 col-xs-12 col-sm-6 col-md-3">
                                <div class="widget widget_text">
                                    <h4 class="widget-title">About {{ SITEVARS->title }}</h4>
                                    <div class="textwidget">
                                        <p><?php echo SITEVARS->description; ?></p>
                                    </div>
                                </div>
                                <div class="widget cargohub-social-links-widget">
                                    <div class="list-social style-2">
                                        <a href="<?php echo base_url(SITEVARS->fb); ?>" target="_blank"><i class="fa fa-facebook"></i></a>
                                        <a href="<?php echo base_url(SITEVARS->twitter); ?>" target="_blank"><i class="fa fa-twitter"></i></a>
                                        <a href="<?php echo base_url(SITEVARS->insta); ?>" target="_blank"><i
                                                class="fa fa-instagram"></i></a>
                                        <a href="<?php echo base_url(SITEVARS->tiktok); ?>" target="_blank"><i class="fa fa-youtube"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="footer-sidebar footer-2 col-xs-12 col-sm-6 col-md-3">
                                <div class="widget widget_nav_menu">

                                    @foreach ($footerMenuItems as $footerMenu)
                                        <h4 class="widget-title">{{ $footerMenu->title }}</h4> 
                                        <div class="menu-service-menu-container">

                                            @if ($footerMenu->children->isNotEmpty())
                                            <ul class="menu">
                                                @foreach ($footerMenu->children as $subMenu)
                                                    @switch($subMenu->type)
                                                        @case ('tbl_news')
                                                            @php $subMenu->link = route('showNews', News::find($subMenu->ref)->alias); @endphp
                                                        @break

                                                        @case ('tbl_franchises')
                                                            @php $subMenu->link = route('showFranchise', Franchises::find($subMenu->ref)->alias); @endphp
                                                        @break

                                                        @case ('tbl_companyarticles')
                                                            @php $subMenu->link = route('article.single', Companyarticles::find($subMenu->ref)->alias); @endphp
                                                        @break

                                                        @case ('tbl_services')
                                                            @php $subMenu->link = route('showService', Services::find($subMenu->ref)->alias); @endphp
                                                        @break

                                                        @default
                                                            @php $subMenu->link = config('app.url') . $subMenu->ref; @endphp
                                                        @break
                                                    @endswitch
                                                    <li class="nav-item">
                                                        <a href="{{ $subMenu->link }}">{{ $subMenu->title }}</a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="footer-sidebar footer-3 col-xs-12 col-sm-6 col-md-3">
                                <div class="widget recent-posts-widget">
                                    <h4 class="widget-title">Recent Posts</h4>
                                    @foreach ($popularNews->take(3) as $news)
                                        <div class="recent-post no-thumbnail">
                                            <span class="icon"><i class="flaticon-arrow-pointing-to-right"></i></span>
                                            <div class="post-text">
                                                <a class="post-title"
                                                    href="{{ route('showNews', $news->alias) }}">{{ $news->title }}</a>
                                                <span class="post-date">{{ $news->created_at->format('Y-m-d') }}</span>
                                            </div>
                                        </div>
                                    @endforeach

                                </div>
                            </div>
                            <div class="footer-sidebar footer-4 col-xs-12 col-sm-6 col-md-3">
                                <div class="widget widget_mc4wp_form_widget">
                                    <h4 class="widget-title">Our Newsletter</h4>
                                    <form id="newsletter" action="{{ route('subscribers.store') }}" method="POST"
                                        novalidate="novalidate">
                                        @csrf
                                        <div class="newsletter-form-message"></div>
                                        <div class="">
                                            <div class="fh-form-field">
                                                <p>
                                                    Sign up today for tips and latest news and exclusive
                                                    special offers.
                                                </p>
                                                <div class="subscribe">
                                                    <input name="email" placeholder="Enter Your Email" required=""
                                                        type="email">
                                                    <input value="Sign Up" type="submit">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--footer sec end-->

            <!--copyright sec-->
            <footer class="site-footer">
                <div class="container">
                    <div class="row">
                        <div class="footer-copyright col-md-12 col-sm-12 col-sx-12">
                            <div class="site-info" style="text-align: center ; ">Copyright &copy; {{ date('Y') }}
                                {{ SITEVARS->copyright_text }} </div>
                        </div>
                    </div>
                </div>
            </footer>
            <!--copyright sec end-->
            <!--End pagewrapper-->

            <!--primary-mobile-nav-->
            <div class="primary-mobile-nav header-v1" id="primary-mobile-nav" role="navigation">
                <a href="#" class="close-canvas-mobile-panel">x</a>
                <ul class="menu">
                    <li class="current-menu-item "><a href="index.php">Home</a></li>
                    <li><a href="about.php">About Us</a></li>
                    <li><a href="tracking.php">Tracking</a></li>
                    <li class="menu-item-has-children"><a href="services.php" class="dropdown-toggle">Services</a>
                        <ul class="sub-menu">
                            <li><a href="road-freight-forwarding.php">Road Freight Forwarding</a></li>
                            <li><a href="ocean-freight-forwarding.php">Ocean Freight Forwarding</a></li>
                            <li><a href="air-freight-forwarding.php">Air Freight Forwarding</a></li>
                            <li><a href="warehousing.php">Warehousing</a></li>
                            <li><a href="transportation-mgnt.php">Transportation Management</a></li>
                            <li><a href="custom-cleaning.php">Custom Cleaning and Forwarding</a></li>

                        </ul>
                    </li>
                    <li class="menu-item-has-children"><a href="projects.html" class="dropdown-toggle">Media</a>
                        <ul class="sub-menu">
                            <li><a href="franchise.html" class="">Franchise</a> </li>
                        </ul>
                    </li>
                    <li><a href="news.php" class="">News</a></li>
                    <li><a href="contact.php">Contact</a></li>
                    <li class="extra-menu-item menu-item-button-link">
                        <a href="request-a-quote.html" class="fh-btn btn">Contact Us</a>
                    </li>
                </ul>
            </div>

            <div id="off-canvas-layer" class="off-canvas-layer"></div>
            <!--primary-mobile-nav end-->

            <!--Scroll to top-->
            <a id="scroll-top" class="backtotop" href="#page-top"><i class="fa fa-angle-up"></i></a>

            @push('js')
                <script src="https://code.jquery.com/jquery-3.7.1.min.js"
                    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
                <script>
                    $(document).ready(function() {
                        $('#newsletter').submit(function(e) {
                            e.preventDefault();
                            var form = $(this);
                            var formData = form.serialize();
                            var url = form.attr('action');

                            $.ajax({
                                type: 'POST',
                                url: url,
                                data: formData,
                                success: function(response) {
                                    if (response.status == true) {
                                        form[0].reset();
                                        Swal.fire({
                                            position: "top-end",
                                            icon: "success",
                                            title: "We will reach out to you",
                                            showConfirmationButton: false,
                                            timer: 1500
                                        });
                                    }
                                },
                                error: function(xhr, status, error) {
                                    var errorMessage = xhr.status + ': ' + xhr.statusText;
                                    if (xhr.status == 422) {
                                        errorMessage = "You have already subscribed";
                                    }

                                    var errorContainer = '<div class="alert alert-danger">Error - ' +
                                        errorMessage + '</div>';
                                    $('.newsletter-form-message').html(errorContainer).fadeIn();

                                    setTimeout(function() {
                                        $('.newsletter-form-message').fadeOut();
                                    }, 2000);
                                }
                            });
                        });
                    });
                </script>
            @endpush