{!! view_render_event('bagisto.shop.layout.footer.before') !!}

<!--
    The category repository is injected directly here because there is no way
    to retrieve it from the view composer, as this is an anonymous component.
-->
@inject('themeCustomizationRepository', 'Webkul\Theme\Repositories\ThemeCustomizationRepository')

<!--
    This code needs to be refactored to reduce the amount of PHP in the Blade
    template as much as possible.
-->
@php
    $customization = $themeCustomizationRepository->findOneWhere([
        'type'       => 'footer_links',
        'status'     => 1,
        'channel_id' => core()->getCurrentChannel()->id,
    ]);
@endphp

<footer class="mt-9 bg-lightOrange max-sm:mt-8 custom-footer">
    <div class="flex gap-x-6 gap-y-8 justify-between p-[60px] max-1060:flex-wrap max-1060:flex-col-reverse max-sm:px-4">
        <div class="container">
            <div class="flex gap-24 items-start flex-wrap max-1180:gap-6 max-1060:justify-between">
                @if ($customization?->options)
                    @foreach ($customization->options as $footerLinkSection)
                        <ul class="grid gap-5 text-sm">
                            @php
                                usort($footerLinkSection, function ($a, $b) {
                                    return $a['sort_order'] - $b['sort_order'];
                                });
                            @endphp

                            @foreach ($footerLinkSection as $link)
                                <li>
                                    <a href="{{ $link['url'] }}">
                                        {{ $link['title'] }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    @endforeach
                @endif
                <ul class="grid gap-5 text-sm">
                    <li>
                        <a 
                            target="_blank"
                            href="https://www.facebook.com/migatitoregalonpe"
                        >
                            <span style="display: inline-flex; vertical-align: middle;">@include('social_share::icons.facebook')</span>&nbsp;&nbsp;
                            <span>/migatitoregalonpe</span>
                        </a>
                    </li>
                    <li>
                        <a 
                            target="_blank"
                            href="https://www.instagram.com/migatitoregalonpe"
                        >
                            <span style="display: inline-flex; vertical-align: middle;">@include('social_share::icons.instagram')</span>&nbsp;&nbsp;
                            <span>/migatitoregalonpe</span>
                        </a>
                    </li>
                    <li>
                        <a 
                            target="_blank"
                            href="https://www.tiktok.com/@migatitoregalonpe"
                        >
                            <span style="display: inline-flex; vertical-align: middle;">@include('social_share::icons.tiktok')</span>&nbsp;&nbsp;
                            <span>/migatitoregalonpe</span>
                        </a>
                    </li>
                    <li>
                        <a
                            href="mailto:ventas@migatitoregalon.pe"
                        >
                            <span style="display: inline-flex; vertical-align: middle;">@include('social_share::icons.email')</span>&nbsp;&nbsp;
                            <span>ventas@migatitoregalon.pe</span>
                        </a>
                    </li>
                </ul>

                {{-- @include("shop::components.layouts.footer.suscription") --}}
            </div>

            
        </div>
        
    </div>

    <div class="flex justify-between  px-[60px] py-3.5 bg-[#F1EADF]">
        {!! view_render_event('bagisto.shop.layout.footer.footer_text.before') !!}

        <p class="text-sm text-[#4D4D4D]">
            @lang('shop::app.components.layouts.footer.footer-text', ['current_year'=> date('Y') ])
        </p>

        {!! view_render_event('bagisto.shop.layout.footer.footer_text.after') !!}
    </div>
    @php
        $whatsappPhone   = core()->getConfigData('general.general.whatsapp_button.phone_number') ?? '51924687157';
        $showWhatsapp    = (bool) core()->getConfigData('general.general.whatsapp_button.show_footer');
        $whatsappBaseUrl = 'https://wa.me/' . preg_replace('/\D/', '', $whatsappPhone);
    @endphp

    @if($showWhatsapp)
    <div class="content-footer-whatsapp">
        <p>@lang('shop::app.components.layouts.footer.footer-text-message-contact')</p>
        <a
            href="{{ $whatsappBaseUrl }}?text=*Mensaje+desde+la+Web:*+Quiero+el+siguiente+Detalle:+"
            target="_blank"
            class="btnFooterWhatsapp"
            id="btnFooterWhatsapp"
        >
            <i class="fab fa-whatsapp"></i>
        </a>
    </div>
    @endif
</footer>
<script type="text/javascript">
    fbq("trackCustom", "pageView", {url: "{{ url()->current() }}"});
</script>
@if($showWhatsapp)
<script type="text/javascript">
    var buttonWhatsapp = document.getElementById("btnFooterWhatsapp");
    if (buttonWhatsapp) {
        var titleMeta = document.getElementsByTagName("title")[0]?.text ?? '';
        buttonWhatsapp.href += "*" + titleMeta + "* | *URL de Detalle*: {{ url()->current() }}";
    }
</script>
@endif
{!! view_render_event('bagisto.shop.layout.footer.after') !!}