<div class="col-lg-6">
    <div class="footer__menus row flex-column flex-lg-row">
        <div class="footer__border border-top d-lg-none"></div>
        <div class="col-lg">
            <div class="footer__section" data-js-accordion="only-mobile">
                <div class="footer__section-head position-relative" data-js-accordion-button>
                    <h5 class="py-10 py-lg-0 mb-0 mb-lg-10 text-uppercase">{{ __('Categories') }}</h5>
                    <div class="footer__section-btn d-flex d-lg-none position-absolute align-items-center justify-content-center">
                        <i>
                            <svg aria-hidden="true" focusable="false" role="presentation"
                                 class="icon icon-theme-188" viewBox="0 0 24 24">
                                <path d="M7.158 12.206a.598.598 0 0 1-.186-.439.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186h3.75v-3.75a.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439v3.75h3.75c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75v3.75a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186.597.597 0 0 1-.439-.186.598.598 0 0 1-.186-.439v-3.75h-3.75a.598.598 0 0 1-.439-.186z"/>
                            </svg>
                        </i>
                    </div>
                </div>
                <div class="footer__section-content d-none d-lg-block" data-js-accordion-content>
                    <ul class="list-unstyled pb-15 pb-lg-0">
                        @foreach($categories->take(8) as $category)
                            <li class="py-5 py-lg-0">
                                <a class="text-lowercase text-first-capitalize" href="{{ $category->productsPage() }}">
                                    {{ $category->name }}
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer__border border-top d-lg-none"></div>
        <div class="col-lg">
            <div class="footer__section" data-js-accordion="only-mobile">
                <div class="footer__section-head position-relative" data-js-accordion-button>
                    <h5 class="py-10 py-lg-0 mb-0 mb-lg-10 text-uppercase">{{ __('Informations') }}</h5>
                    <div class="footer__section-btn d-flex d-lg-none position-absolute align-items-center justify-content-center">
                        <i>
                            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-188" viewBox="0 0 24 24">
                                <path d="M7.158 12.206a.598.598 0 0 1-.186-.439.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186h3.75v-3.75a.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439v3.75h3.75c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75v3.75a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186.597.597 0 0 1-.439-.186.598.598 0 0 1-.186-.439v-3.75h-3.75a.598.598 0 0 1-.439-.186z"/>
                            </svg>
                        </i>
                    </div>
                </div>
                <div class="footer__section-content d-none d-lg-block" data-js-accordion-content>
                    <ul class="list-unstyled pb-15 pb-lg-0">
                        <li class="py-5 py-lg-0 text-capitalize">
                            <a href="{{ route('web.contact-us') }}">
                                {{ __('Contact US') }}
                            </a>
                        </li>
                        <li class="py-5 py-lg-0">
                            <a href="{{ route('web.contact-us') }}">
                                {{ __('Become an official partner') }}
                            </a>
                        </li>
                        <li class="py-5 py-lg-0 text-capitalize">
                            <a href="{{ route('web.faq') }}">
                                {{ __('FAQ') }}
                            </a>
                        </li>
                        <li class="py-5 py-lg-0 text-capitalize">
                            <a href="{{ route('web.help') }}">
                                {{ __('Help') }}
                            </a>
                        </li>
                        <li class="py-5 py-lg-0 text-capitalize">
                            <a href="/docs/eltip-bermek-nyrhnamasy.pdf" target="_blank">
                                {{ __('Shipping rates') }}
                            </a>
                        </li>
                        <li class="py-5 py-lg-0 text-capitalize">
                            <a href="{{ route('web.privacy-policy') }}">
                                {{ __('Privacy Policy') }}
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer__border border-top d-lg-none"></div>
        <div class="col-lg">
            <div class="footer__section" data-js-accordion="only-mobile">
                <div class="footer__section-head position-relative" data-js-accordion-button>
                    <h5 class="py-10 py-lg-0 mb-0 mb-lg-10 text-uppercase">{{ __('Sections') }}</h5>
                    <div class="footer__section-btn d-flex d-lg-none position-absolute align-items-center justify-content-center">
                        <i>
                            <svg aria-hidden="true" focusable="false" role="presentation"
                                 class="icon icon-theme-188" viewBox="0 0 24 24">
                                <path d="M7.158 12.206a.598.598 0 0 1-.186-.439.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186h3.75v-3.75a.6.6 0 0 1 .186-.439.602.602 0 0 1 .439-.186c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439v3.75h3.75c.169 0 .315.063.439.186a.605.605 0 0 1 .186.439.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186h-3.75v3.75a.6.6 0 0 1-.186.439.601.601 0 0 1-.439.186.597.597 0 0 1-.439-.186.598.598 0 0 1-.186-.439v-3.75h-3.75a.598.598 0 0 1-.439-.186z"/>
                            </svg>
                        </i>
                    </div>
                </div>
                <div class="footer__section-content d-none d-lg-block" data-js-accordion-content>
                    <ul class="list-unstyled pb-15 pb-lg-0">
                        <li class="py-5 py-lg-0">
                            <a class="text-capitalize" href="{{ route('web.profile.index') }}">{{ __('My account') }}</a>
                        </li>
                        <li class="py-5 py-lg-0">
                            <a class="text-capitalize" href="{{ route('web.pages.favorites') }}">{{ __('Favourites') }}</a>
                        </li>
                        <li class="py-5 py-lg-0">
                            <a class="text-capitalize" href="{{ route('web.pages.cart') }}">{{ __('My Cart') }}</a>
                        </li>
                        <li class="py-5 py-lg-0">
                            <a class="text-capitalize" href="{{ route('web.profile.orders.index') }}">{{ __('My orders') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
