@php
    $links = getContent('policy_pages.element');
    $footerLinks = getContent('footer_link.element', false, null, true);
    $contact = getContent('contact_us.content', true);
    $socialIcons = getContent('social_icon.element', false);
    $pages = App\Models\Page::where('tempname', $activeTemplate)->get();
@endphp

<footer class="footer-area overflow--hidden z--1">
    <div class="footer-top pt-4">
        <div class="container">
            <div class="row gy-4 justify-content-start">
                <div class="col-12">
                    <div class="footer-item d-flex mb-3 flex-wrap justify-content-center justify-content-sm-between align-items-center gap-3">
                        <div class="footer-item--logo">
                            <a href="{{route('home')}}" class="footer-logo-normal" id="footer-logo-normal">
                                <img src="{{ getImage(getFilePath('logoIcon') . '/logo.png', '?' . time()) }}" alt="{{ config('app.name') }}">
                            </a>
                        </div>

                        <ul class="footer-menu d-flex flex-wrap gap--16 justify-content-center justify-content-md-end align-items-center">
                            @foreach ($pages as $page)
                                <li class="menu--item">
                                    <a class="menu--link" href="{{ route('pages', [$page->slug]) }}">{{ __($page->name) }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Top End-->

    <!-- bottom Footer -->
    <div class="bottom-footer pt-3 pb-3">
        <div class="container">
            <div class="row text-center gy-2">
                <div class="col-lg-12">
                    <div
                        class="bottom-footer-text d-flex gap--12 flex-wrap justify-content-center justify-content-md-between align-items-center">
                        <ul class="social-list gap--16 z--9 position-relative d-flex">
                            @foreach ($socialIcons as $item)
                                <li class="social-list__item">
                                    <a href="{{ $item->data_values->url }}" class="social-list__link icon-wrapper">
                                        <div class="icon">@php echo $item->data_values->social_icon; @endphp</div>
                                    </a>
                                </li>
                            @endforeach
                        </ul>

                        <div class="d-flex flex-wrap gap--12 justify-content-center">
                            @foreach ($footerLinks as $key => $item)
                                <a href="{{ url('/') . $item->data_values->url }}" class="fs--14"> {{ __($item->data_values->title) }}</a>
                            @endforeach
                        </div>

                        <div class="mb-0 copy--right-text">@php echo $contact->data_values->website_footer ?? ''; @endphp</div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- ==================== Footer End Here ==================== -->
<div class="scroll-top">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
            style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 197.514;">
        </path>
    </svg>
</div>