@if(!env('show_articles_only',false))
<div class="container-fluid px-0 py-0 py-md-4 position-relative background_4 border-footer-top ">

    <div class="container">
        <div class="row align-items-center justify-content-center ">

            @php $accounts_payments_slugs = sizeof($account_payments) > 0 ? array_column($account_payments, 'payments_slug') : []; @endphp
            <div class="col-12 row m-0 p-0 text-center">
                <ul class="p-0 my-3 ">
                    @if(array_intersect(['paymob-visa-ksa','paymob-premium','paymob-pixel','paymob-visa','myfatoorah-mada','myfatoorah-visa','paymob-visa-uae'], $accounts_payments_slugs ))
                        <li class="mx-3 d-inline"><img class="" width="auto" height="25px" src="{{asset('images/theme6/visa.png')}}" alt="Visa" loading="lazy" ></li>
                        <li class="mx-3 d-inline"><img class="" width="auto" height="25px" src="{{asset('images/theme6/master.png')}}" alt="Master Card" loading="lazy" ></li>
                    @endif
                    @if(array_intersect(['myfatoorah-apple-pay','paymob-apple'], $accounts_payments_slugs ))
                        <li class="mx-3 d-inline"><img class="" width="auto" height="25px" src="{{asset('images/theme6/apple-pay.png')}}" alt="Apple Pay" loading="lazy" ></li>
                    @endif
                    @if(in_array('wallet', $accounts_payments_slugs ))
                        <li class="mx-3 d-inline"><img class="" width="auto" height="25px" src="{{asset('images/theme6/wallet.png')}}" alt="Wallet" loading="lazy" ></li>
                    @endif
                    <li class="mx-3 d-md-inline d-none">|</li>
                    {{-- <li class="mx-3 d-md-inline d-none"><img class="" width="auto" height="20px" src="{{asset('images/theme6/dhl.png')}}" loading="lazy"  alt="loading"></li> --}}
                    <li class="mx-3 d-md-inline d-none"><img class="" width="auto" height="30px" src="{{asset('images/aramex-logo-'.$dir.'.webp')}}" alt="Aramex" loading="lazy" ></li>
                </ul>
            </div>

        </div>
    </div>

</div>
@else
<div class="container-fluid px-0 py-0 py-md-4 position-relative  border-footer-top">
</div>
@endif
<div class="container-fluid px-0 footer pt-0 position-relative ">
    <div class="container">
        <div class="d-md-flex justify-content-start align-items-center mt-md-2 mt-3">
            <div class="text-md-start text-center">
                @if($locale == 'ar')
                    @php $image_url = $account && $account->accounts_img_rtl ? $imagesBaseUrl.'uploads/'.env('accountId').'/images/medium/'.$account->accounts_img_rtl : $imagesBaseUrl.'uploads/'.env('accountId').'/images/medium/'.$account->accounts_img_dashboard ; @endphp
                @else
                    @php $image_url = $account && $account->accounts_img_ltr ? $imagesBaseUrl.'uploads/'.env('accountId').'/images/medium/'.$account->accounts_img_ltr : $imagesBaseUrl.'uploads/'.env('accountId').'/images/medium/'.$account->accounts_img_dashboard  ; @endphp
                @endif
                <img class="logo img-responsive img_contain contain-img" src="{{$image_url}}" alt="{{ isset($setting) ?  $setting->accounts_name : ''  }}" width="{{ $agent->isPhone() ? '128' : '154'}}px" height="auto" loading="lazy">

                <div class="d-md-inline-block d-block ms-3 mt-md-3 mt-3 capitalize">

                    <button id="footerImportantLinksToggle" class="btn p-0 text_4 font-18 d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#footerImportantLinks" aria-expanded="false" aria-controls="footerImportantLinks">
                        {{ __('lang.importantLinks') }}
                        <span class="ms-2 toggle-icon">+</span>
                    </button>

                    <div id="footerImportantLinks" class="{{ $agent->isPhone() ? 'collapse mt-2' : '' }}">
                        @if(!env('show_articles_only',false))
                        @if(isset($static_pages))
                            @foreach ($static_pages as $static_page)
                                @if(in_array($static_page->static_pages_slug,[ 'terms', 'privacy','return_policy','shipping_policy','about','app']) && $static_page->static_pages_type == 'link')
                                    <a aria-label="go to {{  isset($static_page) ? $static_page->static_pages_title : '' }} page" class="text_4 mx-2 font-16 link_hover d-md-inline d-block" href="{{route('pages.index', $static_page->static_pages_slug)}}" >{{ isset($static_page) ? $static_page->static_pages_title : '' }}</a>
                                @endif
                            @endforeach
                        @endif
                        @endif

                        @if(isset($forms_settings) && sizeof($forms_settings))
                            @foreach ($forms_settings as $forms_setting)
                                <a aria-label="go to {{  isset($forms_setting) ? $forms_setting->forms_settings_name : '' }} page" class="text_4 mx-2 font-16 link_hover d-md-inline d-block" href="{{ route('pages.index',$forms_setting->forms_settings_type) }}" >{{ isset($forms_setting) ? $forms_setting->forms_settings_name : ''}}</a>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
            {{-- <div>
                <div class="text-md-end text-center mt-md-0 mt-2">
                    @if($account->accounts_ios_url)
                        <a aria-label="go to apple store" href="{{ $account->accounts_ios_url }}" >
                            <img src="{{ asset('/images/theme6/apple-store-2.webp') }}" class=" mt-2" height="32px" width="auto"  alt="apple-store">
                        </a>
                    @endif
                    @if($account->accounts_android_url)
                        <a aria-label="go to google play store" href="{{ $account->accounts_android_url }}" >
                            <img src="{{ asset('/images/theme6/google-play-2.webp') }}" class=" mt-2" height="32px" width="auto"  alt="google-play">
                        </a>
                    @endif
                </div>
            </div> --}}

        </div>
        <hr>
        <div class="d-md-flex justify-content-between align-items-center text-md-start text-center">

            <div class="">
                <a aria-label="call us" class="font-16 text_4 {{$info && $info->infos_phone1 ? 'd-md-inline d-block' : 'd-none'}}" href="tel:{{$info->infos_phone1}}" target="_blank" >
                    <img src="{{asset('images/theme6/social-icons/tel-icon.svg') }} " alt="{{$info->infos_phone1}}" height="20px" width="20px" > {{$info->infos_phone1}}
                </a>
                <a aria-label="send email" class="font-16 text_4 ms-3 {{$info && $info->infos_email ? 'd-md-inline d-block' : 'd-none'}}" href="mailto:{{$info->infos_email}}" target="_blank" >
                    <img src="{{asset('images/theme6/social-icons/mail.svg') }} " alt="{{$info->infos_email}}" height="20px" width="20px" > {{$info->infos_email}}
                </a>
            </div>
            <div class="mt-md-0 mt-3">
                @include('themes.includes.footers.socialIcons1')

            </div>

        </div>
    </div>
    <div class="background_2 ">
        <div class="container ">
            <hr>
            <div class="d-md-flex flex-row flex-wrap py-3  align-items-center justify-content-between">

                <div class="text-md-start text-center ">
                    <a aria-label="go to polaris max website" href="{{ env('POLARIS_MAX_URL','https://www.polaris-max.com') }}" target="_blank">
                        <span class="text_4 font-12 fb-500">{{ __('lang.poweredBy') }} </span>
                        <img src="{{ asset('images/polaris-max.png') }}" class="img-fluid " alt="logo" width="75px" loading="lazy">
                    </a>
                </div>
                <div class="text-md-end text-center">

                    {{-- @if($account->accounts_show_articles == '1')
                        <a aria-label="go to articles page" class="text_3 mx-2 font-12 link_hover" href="{{route('articles')}}" >{{ __('lang.articles') }}</a>
                    @endif --}}
                    <span class="font-14 text_4 d-md-inline d-block"> {{ __('lang.copyrights') }} <strong> {{isset($setting) ?  $setting->accounts_name : '' }}</strong> @ 2026.</span>
                </div>

            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    var collapseEl = document.getElementById('footerImportantLinks');
    var toggleBtn = document.getElementById('footerImportantLinksToggle');
    if (!collapseEl || !toggleBtn) return;
    var icon = toggleBtn.querySelector('.toggle-icon');
    collapseEl.addEventListener('shown.bs.collapse', function () { if (icon) icon.textContent = '-'; });
    collapseEl.addEventListener('hidden.bs.collapse', function () { if (icon) icon.textContent = '+'; });
});
</script>