<!--============ Footer Area Start ============-->


<footer class="footer_area">
    <div class="footer_top">
        <div class="container">
            <div class="row gy-4">
                <div class="col-xxl-4 col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="footer_content">
                        <div class="footer_logo">
                            <a href="{{ route('shop.index', $setting->username) }}">
                                <img src="{{ asset('storage/' . $setting->logo) }}" alt="logo">
                            </a>
                        </div>

                        <div class="footer_description">
                            <p>{!! $setting->address !!}</p>
                        </div>
                    </div>
                </div>
                {{-- <div class="col-xxl-2 col-xl-2 col-lg-3 col-md-3 col-sm-3 col-6">
                    <div class="footer_content">
                        <div class="footer_title">
                            <h4>Quick Links</h4>
                        </div>
                        <div class="footer_list">
                            <ul>
                                <li>
                                    <a href="{{ route('login') }}" class="footer_list_link">User Login</a>
                                </li>
                                <li>
                                    <a href="{{ route('register') }}" class="footer_list_link">User Register</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div> --}}
                <div class="col-xxl-4 col-xl-4 col-lg-3 col-md-3 col-sm-3 col-6">
                    <div class="footer_content">
                        <div class="footer_title">
                            <h4>Information</h4>
                        </div>
                        <div class="footer_list">
                            <ul>
                                @foreach ($pages as $page)
                                    <li>
                                        <a href="{{ route('shop.custom.page',[$setting->username, $page->slug]) }}" class="footer_list_link">{{ $page->name }}</a>
                                    </li>
                                @endforeach

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-sm-6 col-12">
                    <div class="footer_content">
                        <div class="footer_title">
                            <h4>Follow Us</h4>
                        </div>


                        <div class="footer_location_text mt-4">
                            <ul>
                                <li>
                                    <a href="#" class="custom_footer_contact_link">
                                        <img src="{{ asset('frontend') }}/images/footer-payment-img/phone_icon.png"
                                            alt="phone" class="footer_phone_icon_img">
                                        <span>{{ $setting->phone }}</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="custom_footer_contact_link">
                                        <i class="fa-solid fa-envelope"></i>
                                        <span> {{ $setting->email }} </span>
                                    </a>
                                </li>
                 
                            </ul>
                        </div>
                        @if (!empty($setting->facebook_page_iframe))
                            <div class="footer_iframe">
                                <iframe src="{{ $setting->facebook_page_iframe }}"
                                    style="border:none;overflow:hidden" scrolling="no" frameborder="0"
                                    allowfullscreen="true"
                                    allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
                                </iframe>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_middle">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="footer_payment_method">
                        <img src="{{ asset('frontend') }}/images/payment_method/1.png" alt="payment-method">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_bottom">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="footer_copyright">
                        <p>{{ $setting->company_name }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!--============ Footer Area End ============-->
