@push('styles')
    <link rel="stylesheet" href="{{ asset('css/custom/accordrx-footer.css') }}">
@endPush

{!! view_render_event('bagisto.shop.layout.footer.before') !!}

<footer class="accordrx-footer" style="background: linear-gradient(135deg, #3b4de8 0%, #2f3ce6 50%, #2635e3 100%); padding: 3rem 2rem; margin-top: 10px; position: relative; width: 100%; min-height: 200px;">
    <div class="accordrx-footer-container" style="max-width: 1400px; margin: 0 auto; position: relative;">
        <!-- White Container -->
        <div class="accordrx-footer-content" style="background: #ffffff; border-radius: 20px; padding: 3rem 4rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); position: relative; margin: 0 1rem;">
            <!-- Main Footer Content -->
            <div class="accordrx-footer-main">

                <!-- Left Side - Logo and Navigation -->
                <div class="flex justify-between w-full ">
                    <!-- AccordRx Logo -->
                    <div class="accordrx-footer-logo">
                        <a href="{{ route('shop.home.index') }}"
                           aria-label="AccordRx Home">
                            <img src="https://accordrx.com/wp-content/uploads/2023/04/AccordRx_logo_color_350w.png"
                                 alt="AccordRx Logo">
                        </a>
                    </div>

                    <!-- Navigation Links -->
                    <nav class="accordrx-footer-nav flex gap-8">
                        <a href="{{ route('shop.home.index') }}">Home</a>
                        <a href="#">About Us</a>
                        <a href="#">FAQ</a>
                        <a href="#">Store List</a>
                        <a href="#">Roadmap & Changelog</a>
                    </nav>
                </div>

                <!-- Right Side - Company Address -->

            </div>

            <!-- Bottom Section - Legal Links -->
            <div class="flex justify-between mt-8 pt-4 border-t border-gray-200">

                  <div class="accordrx-footer-legal">
                <div class="accordrx-footer-legal-links flex gap-4">
                     @if(auth() ?? false)
                    <a href="#">User Agreement</a>
                    <a href="#">Privacy Policy</a>
                      @endif
                     <a href="#">Contact Us</a>
                </div>
            </div>
             <div class="accordrx-footer-address">
                    <p>2323 Crossroads Drive Madison, WI 53718</p>
                </div>
            </div>

        </div>
    </div>
</footer>{!! view_render_event('bagisto.shop.layout.footer.after') !!}