@include('web.contactus.contact')
@if (env('Environment') == 'sendbox')
    <div class="d-none d-lg-block">
        <div class="pwa-icons-theme {{ session()->get('direction') == '2' ? 'rtl' : '' }}">
            <a href="{{ URL::to('pwa') }}" type="button"
                class="pwa_theme border-0 {{ session()->get('direction') == '2' ? 'rtl' : '' }}">
                <i class="fa-light fa-mobile fs-4"></i>
            </a>
            <p class="m-0 fs-7 mt-2 fw-bold text-secondary">PWA Demo</p>
        </div>
    </div>
@endif
<!-- Footer Start Here -->
<footer class="d-lg-block d-none">
    <div class="footer bg-light">
        <div class="container">
            <div class="row footer-area justify-content-between border-bottom-primary">
                <div class="col-xl-3 col-12 left-side mt-3">
                    <script>
                document.addEventListener("DOMContentLoaded", function(event) {
                    if (localStorage.getItem('theme') === 'dark') {
                        var logo = "{{ helper::image_path(helper::appdata()->dark_logo) }}";
                    } else {
                        var logo = "{{ helper::image_path(helper::appdata()->logo) }}";
                    }
                    $('#footerlogoimage').attr('src', logo);
                });
            </script>
                <a href="{{ route('home') }}">
                    <img src="" width="150" class="my-3" alt="footer_logo" id="footerlogoimage">
                </a>
                    {{-- <a href="{{ route('home') }}"> <img src="{{ helper::image_path(@helper::appdata()->logo) }}"
                            width="150" class="my-3" alt="footer_logo"></a> --}}
                    <h1 class="color-changer">{{ @helper::appdata()->footer_title }}</h1>
                    <p class="text-muted">{{ Str::limit(@helper::appdata()->footer_description, 121) }}</p>
                </div>
                <div class="col-xl-8 col-12 right-side">
                    <div class="row g-2 justify-content-between">
                        <div class="col-md-3 col-sm-4 col-auto mb-2">
                            <h4>{{ trans('labels.legal') }}</h4>
                            <ul>
                                <li>
                                    <a href="{{ route('about-us') }}"
                                        class="text-dark color-changer fs-7">{{ trans('labels.about') }}</a>
                                </li>
                                <li>
                                    <a href="{{ route('privacy-policy') }}"
                                        class="text-dark color-changer fs-7">{{ trans('labels.privacy_policy') }}</a>
                                </li>
                                <li>
                                    <a href="{{ route('refund-policy') }}"
                                        class="text-dark color-changer fs-7">{{ trans('labels.refund_policy') }}</a>
                                </li>
                                <li>
                                    <a href="{{ route('terms-conditions') }}"
                                        class="text-dark color-changer fs-7">{{ trans('labels.terms_condition') }}</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-4 col-auto mb-2">
                            <h4>{{ trans('labels.other_pages') }}</h4>
                            <ul>
                                <li>
                                    <a href="{{ route('ourteam') }}"
                                        class="text-dark color-changer fs-7">{{ trans('labels.our_team') }}</a>
                                </li>
                                <li>
                                    <a href="{{ route('faq') }}" class="text-dark color-changer fs-7">{{ trans('labels.faq') }}</a>
                                </li>
                                <li>
                                    <a href="{{ route('gallery') }}"
                                        class="text-dark color-changer fs-7">{{ trans('labels.gallery') }}</a>
                                </li>
                                <li>
                                    <a href="{{ route('contact-us') }}"
                                        class="text-dark color-changer fs-7">{{ trans('labels.help_contact_us') }}</a>
                                </li>
                                @if (@helper::checkaddons('blog'))
                                    <li>
                                        <a href="{{ route('blogs') }}"
                                            class="text-dark color-changer fs-7">{{ trans('labels.blogs') }}</a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                        <div class="col-lg-5 col-12 col-auto mb-2">
                            <h4 class="mb-3">{{ trans('labels.newslatter') }}</h4>
                            <div class="mb-3">
                                <p class="text-dark color-changer fs-7">{{ trans('labels.newslatter_subtitle') }}</p>
                            </div>
                            <form class="mt-4 footer-form" method="post" action="{{ URL::to('postsubscribe') }}">
                                @csrf
                                <div class="input-group gap-2">
                                    <input type="text" class="form-control rounded" name="email"
                                        placeholder="{{ trans('labels.email') }}" required>
                                    <button class="btn btn-secondary rounded px-4"
                                        type="submit">{{ trans('labels.subscribe') }}</button>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div
                        class="row g-3 align-items-center justify-content-sm-between justify-content-center mb-3 mt-md-4 mt-sm-2 mt-0">
                        <div class="col-sm-6 col-12">
                            @if (helper::getallpayment()->count() > 0)
                                <ul class="footer_acceped_card d-flex flex-wrap gap-1 p-0 m-0">
                                    @foreach (helper::getallpayment() as $item)
                                        <li>
                                            <img src="{{ helper::image_path($item->image) }}" class="w-20px">
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                        @if (helper::getsociallinks()->count() > 0)
                            <div
                                class="col-sm-6 text-center {{ session('direction') == 2 ? 'text-sm-start' : 'text-sm-end' }}">
                                <h5 class="mb-2 fw-bold text-dark color-changer">{{ trans('labels.follow_us') }}</h5>
                                <div
                                    class="d-flex gap-2 justify-content-center {{ session('direction') == 2 ? 'justify-content-sm-end' : 'justify-content-sm-end' }}">
                                    @foreach (@helper::getsociallinks() as $links)
                                        <a class="btn-social px-2 mb-0" href="{{ $links->link }}" target="_blank">
                                            {!! $links->icon !!}</a>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div>
            <p class="text-dark color-changer col-auto my-sm-3 my-2 fs-7 text-center">
                {{ helper::appdata()->copyright }}</p>
        </div>
    </div>
</footer>
<!-- Footer End here -->