@if($user->bus_show_footer == 1)  
        <footer class="footer-part">
            <div class="container">

                <div class="row">
                
                    <div class="col-sm-12 col-md-3 col-lg-3" style="display: contents;">
                        <a href="#" class="header-logo"><img src="{{ asset('BusinessAccount/' . $user->bus_logo) }}" alt="logo"></a>
                    </div>
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="footer-content">
                            <h3 style="border-bottom: 0px; color:{{$user->footer_heading_color}};">Contact Us</h3>
                            <ul class="footer-address" style="color:{{$user->footer_text_color}};">
                                <li><i class="fas fa-map-marker-alt"></i>
                                    <p>{{ $user->bus_address }}</p>
                                </li>
                                <li><i class="fas fa-envelope"></i>
                                    <p>{{ $user->bus_email }}</p>
                                </li>
                                <li><i class="fas fa-phone-alt"></i>
                                    <p>{{ $user->bus_contact_info }} </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-4 col-lg-4">
                        <div class="footer-content">
                            <h3 style="border-bottom: 0px; color:{{$user->footer_heading_color}};">Info</h3>
                            <ul class="footer-address" style="color:{{$user->footer_text_color}};">
                                <li><i class="fas fa-clock"></i>
                                    <p>{{ $user->bus_timing }}</p>
                                </li>
                                <li><i class="fas fa-calendar-alt"></i>
                                    <p>{{ $user->bus_working_days }}</p>
                                </li>
                                <li><i class="fas fa-globe"></i>
                                    <p>{{ $user->bus_website_url }} </p>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>

            </div>
            <div class="footer-end" style="margin-top:40px;">
                <div class="container">
                    <div class="footer-end-content">
                        <p>All Copyrights Reserved &copy; 2024 - Developed by <a href="#">Xetech Soft</a></p>
                        <ul class="footer-social" >
                        @if($user->bus_social_facebook)
                            <li><a href="{{ $user->bus_social_facebook }}" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                        @endif
                        @if($user->bus_social_twitter)
                            <li><a href="{{ $user->bus_social_twitter }}" target="_blank"><i class="fab fa-twitter"></i></a></li>
                        @endif
                        @if($user->bus_linkdin)
                            <li><a href="{{ $user->bus_linkdin }}" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                        @endif
                        
                        
                        @if($user->bus_youtube)
                            <li><a href="{{ $user->bus_youtube }}" target="_blank"><i class="fab fa-youtube"></i></a></li>
                        @endif
                        @if($user->bus_social_instagram)  
                            <li><a href="{{ $user->bus_social_instagram }}" target="_blank"><i class="fab fa-instagram"></i></a></li>
                        @endif
                        
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
    @endif
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    {{-- <script>
    $(document).ready(function(){
        var selectedColor = $('#bus_section_3_color').val();
        var gradient = 'linear-gradient(' + selectedColor + ', #080229)';
        $('#intro-part').css('background', gradient);
    }); --}}
    <script>
        $(document).ready(function(){
            // Function to set footer color
            function setFooterColor(color) {
                var gradient = 'linear-gradient(' + color + ', #080229)';
                $('#intro-part').css('background', gradient);
            }
        
            // Set initial footer color
            var initialColor = $('#bus_section_3_color').val();
            setFooterColor(initialColor);
        
            // Function to set footer text color
            function setFooterTextColor(color) {
                $('.footer-content h3').css('color', color);
                $('.footer-content ul.footer-address li p').css('color', color);
                $('.footer-content ul.footer-address li a').css('color', color);
            }
        
            // Set initial footer text color
            var initialTextColor = $('#footer-text-color').val();
            setFooterTextColor(initialTextColor);
        
            // Event listener for footer color change
            $('#bus_section_3_color').on('input', function() {
                var selectedColor = $(this).val();
                setFooterColor(selectedColor);
            });
        
            // Event listener for footer text color change
            $('#footer-text-color').on('input', function() {
                var selectedColor = $(this).val();
                setFooterTextColor(selectedColor);
            });
        });
        </script>
        
    <script src="{{ asset('frontend/js/vendor/jquery-1.12.4.min.js') }}"></script>
    <script src="{{ asset('frontend/js/vendor/popper.min.js') }}"></script>
    <script src="{{ asset('frontend/js/vendor/bootstrap.min.js') }}"></script>
    <script src="{{ asset('frontend/js/vendor/slick.min.js') }}"></script>
    <script src="{{ asset('frontend/js/custom/slick.js') }}"></script>
    <script src="{{ asset('frontend/js/custom/main.js') }}"></script>
</body>
</html?>