@php
    $footerContent = getContent('footer.content', true);
    $socialIcons = getContent('social_icon.element', orderById: true);
    $policyPages = getContent('policy_pages.element', false, orderById: true);
@endphp
<footer class="footer-area">
    <div class="pb-60 pt-120">
        <div class="container">
            <div class="row justify-content-center gy-5">
                <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                    <div class="footer-item">
                        <div class="footer-item__logo">
                            <a href="{{ route('home') }}"> <img src="{{ siteLogo() }}" alt="img"></a>
                        </div>
                        <p class="footer-item__desc">{{ __($footerContent?->data_values?->description ?? '') }}</p>

                        <ul class="social-list-two">
                            @foreach ($socialIcons as $social)
                                <li class="social-list-two__item">
                                    <a href="{{ $social?->data_values?->url ?? '' }}" class="social-list-two__link flex-center" target="_blank">
                                        @php
                                            echo $social?->data_values?->social_icon ?? '';
                                        @endphp
                                        {{ $social?->data_values?->title ?? '' }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="col-xl-2 col-md6 col-sm-6 col-xsm-6">
                    <div class="footer-item">
                        <h5 class="footer-item__title">Useful Link</h5>
                        <ul class="footer-menu">
                            <li class="footer-menu__item">
                                <a class="footer-menu__link" href="{{ route('home') }}">@lang('Home')</a>
                            </li>
                            <li class="footer-menu__item">
                                <a class="footer-menu__link" href="{{ route('pricing') }}">@lang('Pricing')</a>
                            </li>
                            <li class="footer-menu__item">
                                <a class="footer-menu__link" href="{{ route('contact') }}">@lang('Contact')</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-2 col-md-6 col-sm-6 col-xsm-6">
                    <div class="footer-item">
                        <h5 class="footer-item__title">@lang('Policy Link')</h5>
                        <ul class="footer-menu">
                            @foreach ($policyPages as $policy)
                                <li class="footer-menu__item">
                                    <a href="{{ route('policy.pages', $policy->slug) }}" class="footer-menu__link">{{ __($policy->data_values?->title ?? '') }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-6 col-12">
                    <div class="footer-item ps-xl-5">
                        <span class="btn btn--base btn--section">{{ __($footerContent?->data_values?->newsletter_heading ?? '') }}</span>
                        <h5 class="footer-item__title">{{ __($footerContent?->data_values?->newsletter_subheading ?? '') }}</h5>
                        <form method="POST" class="footer-form">
                            @csrf
                            <input type="email" name="email" class="form--control" placeholder="@lang('Enter your email')" id="email" required>
                            <button type="submit" class="btn btn--base btn--section">
                                <i class="fa-regular fa-paper-plane"></i>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="bottom-footer">
            <div class="row gy-3">
                <div class="col-md-12 text-center">
                    <p class="bottom-footer-text">
                        @lang('Copyright') &copy; <a href="{{ route('home') }}" class="text--base">{{ __(gs('site_name')) }}</a> {{ date('Y') }} @lang('All Right Reserved.')
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>

@push('script')
    <script>
        (function($) {
            "use strict";
            $('.footer-form').on('submit', function(e) {
                e.preventDefault();
                var data = $('.footer-form').serialize();
                $.ajax({
                    type: "POST",
                    url: "{{ route('subscribe') }}",
                    data: data,
                    success: function(response) {
                        if (response.status == 'success') {
                            notify('success', response.message);
                            $('#email').val('');
                        } else {
                            notify('error', response.message);
                        }
                    }
                });
            });
        })(jQuery);
    </script>
@endpush