
<!-- footer -->
<footer class="dark:bg-secondary bg-white noice-overlay relative overflow-hidden z-2">
    <!-- Upper Footer -->
    <div class="xl:pt-140 sm:pt-100 pt-60">
        <div class="container-fluid">
            <div class="grid grid-cols-12 gap-10 sm:mb-80 mb-10">
                <div class="xl:col-span-6 lg:col-span-5 col-span-12">
                    <h2 class="xl:text-[5.2vw]/[5.8vw] sm:text-6xl text-[50px]/60 sm:mb-34 mb-20 tracking-[-6px] font-medium xl:max-w-700">{!! $footer_title !!}</h2>
                    @if(!empty(config('ThemeOptions.footer_template_1_button_1_text')))
                        <a 
                            href="{{ config('ThemeOptions.footer_template_1_button_1_url') }}" 
                            target="{{ config('ThemeOptions.footer_template_1_button_1_target') }}"
                            class="btn btn-outline style-1 light p-2 sm:h-60 group button--stroke flairBtn magneticBtn" 
                            data-block="button"
                        >
                            <span class="button-flair"></span>
                            <span class="button__label font-normal xl:ps-25 px-28 inline-flex items-center gap-14">{{ config('ThemeOptions.footer_template_1_button_1_text') }}</span>
                            <span class="inline-flex justify-center items-center sm:size-50 size-32 rounded-full bg-primary text-secondary duration-100 group-hover:bg-secondary group-hover:text-white z-1">
                                <i class="fa-solid fa-arrow-right text-xl"></i>
                            </span>
                        </a>
                    @endif
                </div>
                <div class="xl:col-span-6 lg:col-span-7 col-span-12">
                    <div class="lg:mb-132 sm:mb-80 mb-50 pe-100">
                        <img src="{{ DzHelper::getStorageImage('storage/theme-options/'.@$footer_image) }}" alt="" class="ms-auto">
                    </div>
                    <div class="grid grid-cols-12 xl:gap-10">
                        <div class="sm:col-span-4 col-span-12 sm:mb-0 mb-15">
                            @php
                                $section1_widgets_ids = array_keys($footer_sections['Section 1'] ?? array());
                                $section1_widgets = DzHelper::getSidebarWidgets($section1_widgets_ids);
                            @endphp
                            @forelse ($section1_widgets ?? array() as $widget)
                                {!! HelpDesk::shortcodeContent($widget->content,'widget') !!}
                            @empty
                            @endforelse
                        </div>
                        <div class="sm:col-span-5 col-span-12 sm:mb-0 mb-15">
                            @php
                                $section1_widgets_ids = array_keys($footer_sections['Section 2'] ?? array());
                                $section1_widgets = DzHelper::getSidebarWidgets($section1_widgets_ids);
                            @endphp
                            @forelse ($section1_widgets ?? array() as $widget)
                                {!! HelpDesk::shortcodeContent($widget->content,'widget') !!}
                            @empty
                            @endforelse
                        </div>
                        <div class="sm:col-span-3 col-span-12 sm:mb-0 mb-15">
                            @php
                                $section1_widgets_ids = array_keys($footer_sections['Section 3'] ?? array());
                                $section1_widgets = DzHelper::getSidebarWidgets($section1_widgets_ids);
                            @endphp
                            @forelse ($section1_widgets ?? array() as $widget)
                                {!! HelpDesk::shortcodeContent($widget->content,'widget') !!}
                            @empty
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
            <div class="pb-30">
                <ul class="flex items-center sm:gap-37 gap-15 flex-wrap">
                    {!! get_social_icons('','dark:text-white text-textlight sm:text-lg/23 text-base uppercase font-normal hover:text-primary link-hover','',true) !!}
                </ul>
            </div>
            <hr class="border-t dark:border-white/30 border-black/30">
        </div>
    </div>
    @if($footer_copyright_on)
    <!-- Lower Footer -->
    <div class="py-27">
        <div class="container-fluid text-center">
            <p>{!! $copyright_title !!}</p>
        </div>
    </div>
    @endif
    <img src="{{ theme_asset('images/background/bg6.png') }}" alt="" class="absolute top-[-59%] right-[-34%] -z-1 pointer-events-none">
    <img src="{{ theme_asset('images/background/bg9.png') }}" alt="" class="absolute w-35 top-[25%] left-[2%] -z-1 animate-move max-xl:hidden pointer-events-none">
    <img src="{{ theme_asset('images/background/bg3.png') }}" alt="" class="absolute w-48 top-[10%] left-[44%] -z-1 animate-move max-xl:hidden pointer-events-none">
</footer>
<!-- footer END -->
