@php

$text1 = collect(DB::select("SELECT * FROM `configs` WHERE `id` = 1"))->first();
$text2 = collect(DB::select("SELECT * FROM `configs` WHERE `id` = 2"))->first();
$contact = collect(DB::select("SELECT * FROM `configs` WHERE `id` = 3"))->first();
$links = collect(DB::select("SELECT * FROM `configs` WHERE `id` = 4"))->first();
$config_data = collect(DB::select("SELECT * FROM `configs` WHERE `id` = 3 && `status` = 1"))->first();
@endphp
<footer>
    <section class="ending">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-12">
                    <div class="no-dept">

                        <a href="{{ url('/') }}"> <img class="img-fluid" src="{{ asset('asset/front_asset/images/logo.png') }}" alt=""></a>
                        <p>{!! $text1->description !!}</p>

                        <ul class="follo-links-951">
                            <li><a href="{{ $links->link_2 }}"><i class="fa-brands fa-instagram gapping-now"></i></a></li>
                            <li><a href="{{ $links->link_1 }}"><i class="fa-brands fa-facebook gapping-now"></i></a></li>
                            <li><a href="{{ $links->link_4 }}"><i class="fa-brands fa-twitter gapping-now"></i></a></li>
                            <li><a href="{{ $links->link_5 }}"><i class="fa-brands fa-youtube gapping-now"></i></a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-md-2 col-12">
                    <div class="hard-wrks">
                        <h2 class="gooing">Main Links</h2>
                        <ul>
                            <li><a href="{{ url('/') }}">Home</a></li>
                            <li><a href="{{ url('/shop') }}">products</a></li>
                            <li><a href="{{ url('/shop/category/20') }}">Laptop</a></li>
                            <li><a href="{{ url('/shop/category/30') }}">Scrubs</a></li>
                            <!--<li><a href="{{ url('/faq') }}">fAQ’s</a></li>-->
                        </ul>
                    </div>
                </div>


                <div class="col-md-2 col-12">
                    <div class="hard-wrks">
                        <h2 class="gooing">Quick Links</h2>
                        <ul>
                            <!-- <li><a href="javascript:;">Orders</a></li> -->
                            <li><a href="{{ url('/terms_and_conditions') }}">Terms & Conditions</a></li>
                            <li><a href="{{ url('/privacy_policy') }}">Privacy Policy</a></li>
                            <li><a href="{{ url('/return_and_refund_policy') }}">Return & Refund Policy</a></li>


                        </ul>
                    </div>
                </div>

                <div class="col-md-4 col-12">
                    <div class="hard-wrks">
                        <h2 class="gooing">Contact Us</h2>
                        <p>{!! $contact->description !!}</p>
                        <ul class="rentnow">
                            <li><img class="img-fluid" src="{{ asset('asset/front_asset/images/footer-phone.png') }}" alt=""></li>
                            <li><span>Have Any questions:</span><br><a href="tel:+1 (555) 123-4567">{{ $config_data->Phone }}</a></li>
                       

                        </ul>
                    </div>
                </div>

                <div class="last-copyright">
                    <ul class="try-every">
                        <li><span><span class="fast-speed"></span>{!! $text2->description !!}</span></li>

                    </ul>
                </div>

            </div>
        </div>
    </section>
</footer>


<script>
    if(location.search){
        location.search.replace("?", "").split("&").forEach((item) => {
            const name = item.split('=')[0]
            const value = item.split('=')[1]
            document.querySelector(`[name="${name}"]`).value = value
        })

    }
    // Get the select element
    const sorting = document.getElementById('sorting');

    // Add event listener to the select element
    sorting.addEventListener('change', function() {
        // Submit the form when any option is selected
        document.getElementById('categoryFilterForm').submit();
    });
    // Get the select element
    const categorySelect = document.getElementById('category');

    // Add event listener to the select element
    categorySelect.addEventListener('change', function() {
        // Submit the form when any option is selected
        document.getElementById('categoryFilterForm').submit();
    });


    toastr.options = {
        closeButton: true,
        positionClass: "toast-bottom-right",
        timeOut: 1500
    };
</script>

@if ($message = Session::get('error'))
    <script>
        toastr.error("Please Login First", "Error", { timeOut: 1500 });
        $("#login").modal('show');
    </script>
@endif

@if ($message = Session::get('status'))
    <script>
        toastr.error("No Product Matched With Your Search", { timeOut: 1500 });
    </script>
@endif

<script src="{{ asset('asset/front_asset/js/jquery-3.6.3.min.js') }}"></script>
<script src="{{ asset('asset/front_asset/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('asset/front_asset/js/aos.js') }}"></script>
<script src="{{ asset('asset/front_asset/js/fancybox.min.js') }}"></script>
<script src="{{ asset('asset/front_asset/js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('asset/front_asset/js/jquery-ui.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script src="{{ asset('asset/front_asset/js/custom.js') }}"></script>


<script>
function updateCartCount() {
    $.ajax({
        url: '/cart-count',
        method: 'GET',
        success: function(data) {
            $('#cart-count').text(data.count);
        }
    });
}

// Call updateCartCount() when the page loads or when items are added/removed from the cart
$(document).ready(function() {
    updateCartCount();
});

</script>



</body>

</html>