@php
    $is_with_social = config('spinandwin.footer.type') === 'with_social_contact';
@endphp

<div class="container-fluid p-0 small mb-0 mt-auto">

    {{--    <div class="row w-100 mx-auto mt-auto bg-white text-dark text-center align-items-center">--}}
    {{--        <div class="col-12 col-sm-6 mt-2 mt-sm-0 py-sm-2 mx-auto text-center text-sm-left ">--}}
    {{--            <div class="mb-1 mt-0 text-uppercase text-bold">Store Locator</div>--}}
    {{--            <small>Purchase Suu Balm from any of our participating outlets</small>--}}
    {{--        </div>--}}
    {{--        <div class="col-12 col-sm-6 py-2 d-flex justify-content-around align-items-center mx-auto">--}}
    {{--            <a href="https://www.watsons.com.my/store-finder" target="_blank" alt="Watsons store locator"><img src="/assets/images/suubalm/logo-watsons.png" width="100"/></a>--}}
    {{--            <a href="https://caring2u.com/caring-store-locator/" target="_blank" alt="Caring store locator"><img src="/assets/images/suubalm/logo-caring.png" width="100"/></a>--}}
    {{--            <a href="https://www.guardian.com.my/store_locator" target="_blank" alt="Guardian store locator"><img src="/assets/images/suubalm/logo-guardian.png" width="100"/></a>--}}
    {{--        </div>--}}
    {{--    </div>--}}

    <div class="row py-0 px-2 w-100 mt-auto mx-auto footer bg-white text-dark py-2">
        @if($is_with_social)
            <div class="col-lg-3 col-md-4 col-sm-12 px-0 text-left d-flex justify-content-center align-items-center">
                <small style="display: grid">{{ __('label.find_us_on') }}</small>

                @if($url_social = config('spinandwin.client_facebook'))
                    <div class="ml-2">
                        <a href="{{ $url_social }}" target="_blank"><i class="fab fa-facebook-f"></i></a>
                    </div>
                @endif

                @if($url_social = config('spinandwin.client_instagram'))
                    <div class="ml-2">
                        <a href="{{ $url_social }}" target="_blank"><i class="fab fa-instagram"></i></a>
                    </div>
                @endif

                @if($url_social = config('spinandwin.client_linkedin'))
                    <div class="ml-2">
                        <a href="{{ $url_social }}" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                @endif

            </div>
        @endIf

        <div class="col-lg-6 col-md-4 col-sm-12 px-0 mx-auto justify-content-center align-items-center text-center">
            <small>{{ __('label.powered_by') }}<a href="https://skale.today/" target="_blank" alt="sKale"><img
                        src="{{ asset('/assets/images/skale.png')  }}" class="skale mb-1 ml-1" height="15"></a></small>
        </div>

        @if($is_with_social)
            <div class="col-lg-3 col-md-4 col-sm-12 justify-content-center align-items-center text-center">
                <small>
                    {{ __('label.contact_us') }}:
                    <a href="mailto:{{ config('spinandwin.client_contact_us_email') }}" target="_blank">
                        {{ config('spinandwin.client_contact_us_email') }}
                    </a>
                </small>
            </div>
        @endif
        {{--        <div class="col-6 my-2 text-right mt-0 px-0">--}}
        {{--            <a href="https://www.watsons.com.my/store-finder" target="_blank" alt="Watsons store locator" class="mx-2"><img src="{{ asset('/assets/images/suubalm/logo-watsons.png') }}" height="15"/></a>--}}
        {{--            <a href="https://caring2u.com/caring-store-locator/" target="_blank" alt="Caring store locator"><img src="{{ asset('/assets/images/suubalm/logo-caring.png') }}" height="15"/></a>--}}

        {{--            <p class="mb-1"><a href="{{ config('stampcard.wordpress.tnc') }}" target="_blank">Terms & Conditions</a></p>--}}
        {{--            <p class="mb-1">Contact Us: <a href="mailto:{{ config('stampcard.client_contact_us_email') }}" target="_blank">{{ config('stampcard.client_contact_us_email') }}</a></p>--}}
        {{--        </div>--}}
    </div>
</div>