
<footer class="c-public-footer" style="border-top: 1px solid #282724;">
    <div class="c-public-footer__inner max-w-screen-2xl">
        <div class="c-public-footer__column c-public-footer__left">
            <div class="c-public-footer__info">
                <div class="c-public-footer__logo h-mb-2">
                    <a href="/" wire:navigate><img class="h-[24px] 2xs:h-[38px]" src="/logo/ibwhite.png" alt="{{ setting('site_name') }} Logo">
                    </a><br />
                </div>
                <div class="c-public-footer__copyright text-gray-75">
                    <p>
                        © 2024 {{ setting('site_name') }} Inc. All rights reserved.
                    </p>
                </div>
            </div>
            <div class="c-public-footer__app" x-data="app">
                <a
                    @click="notify">
                    <img src="/images/app_store-e0af99ce2373938678347bf69f84d3a3.png" alt="{{ setting('site_name') }} iOS app"
                        class="mt-4 md:m-0">
                </a>
                <a
                    @click="notify">
                    <img src="/images/google_play-47a6871c6855fcf65c5ccb667436bea4.png" alt="{{ setting('site_name') }} Android app"
                        class="mt-4">
                </a>
            </div>
        </div>
        <div class="c-public-footer__column c-public-footer__grid-wrapper">
            <div class="c-public-footer__grid-item">
                <div class="c-public-footer__grid-item-title">
                    <div style="padding-bottom: 20px; font-weight:bold;">Language</div>
                </div>
                <div class="c-public-footer__grid-item-list">
                    <div id="google_translate_element" class="mx-0 my-2 ms-0"></div>
                </div>
            </div>
            <div class="c-public-footer__grid-item">
                <div class="c-public-footer__grid-item-title">
                    <div style="padding-bottom: 20px; font-weight:bold;">Product</div>
                </div>
                <div class="c-public-footer__grid-item-list">
                    <a class="c-link" href="/signup" style="">Sign Up</a>
                    <a class="c-link" href="/login" style="">Login</a>
                    <a class="c-link" href="/login" style="">Buy</a>
                    <a class="c-link" href="/login" style="">Sell</a>
                </div>
            </div>
            <div class="c-public-footer__grid-item">
                <div class="c-public-footer__grid-item-title">
                    <div style="padding-bottom: 20px; font-weight:bold;">Support</div>
                </div>
                <div class="c-public-footer__grid-item-list">
                    <a class="c-link" wire:navigate href="/contactus?" style="">
                        Help Center
                    </a>
                    <a class="c-link whitespace-nowrap" wire:navigate href="/contactus?" style="">
                        Contact Support
                    </a>
                </div>
            </div>
            <div class="c-public-footer__grid-item">
                <div class="c-public-footer__grid-item-title">
                    <div style="padding-bottom: 20px; font-weight:bold;">Company</div>
                </div>
                <div class="c-public-footer__grid-item-list">
                    <a class="c-link" wire:navigate href="/about?" style="">About</a>
                    <a class="c-link" wire:navigate href="/security" style="">Security</a>
                    <a class="c-link" wire:navigate href="/privacy" style="">
                        Privacy Policy
                    </a>
                    <a class="c-link" wire:navigate href="/terms" style="">
                        Terms of Service
                    </a>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
</footer>
<div class="c-modal-bg"></div>
<script type="text/javascript">
    var googleTranslateElement;
     function googleTranslateElementInit() {
     if (googleTranslateElement) return; 
     googleTranslateElement =  new google.translate.TranslateElement({pageLanguage: "en"}, "google_translate_element");
     }
     document.addEventListener('alpine:init', () => {
        Alpine.data('alert', () => ({
        show: false,
        alert: '',
        close: false,

        closeAlert() {
            if (this.show) {
                this.show = false;
                this.$refs.alert.classList.add('tjmodal-out')
                setTimeout(() => {
                    this.$refs.alert.classList.remove('tjmodal-out')
                    this.$refs.alert.style.zIndex = '0'
                    this.$refs.alert.style.position = 'absolute'
                    this.$refs.alert.style.left = '-9999999px'
                }, 400);
            }
        },

        showAlert($event) {
            this.$refs.alert.style.zIndex = '11000'
            this.$refs.alert.style.position = ''
            this.$refs.alert.style.left = ''
            setTimeout(() => {
                this.show = true;
                this.alert = $event.detail[0];
            }, 10);
            if ($event.detail[0].type != 'info') {
                setTimeout(() => {
                    this.closeAlert()
                }, 1000);
            }
        }
    }))

        Alpine.data('app', () => ({
            notify() {
                this.$dispatch('alert' ,[{
                    type: 'info',
                    text: `<div class="bg-dark">App not available in your location. For faster access, please use the web app.<br><br> <a style="font-weight:bold;" href="{{ route('login') }}" class="block rounded-md transition duration-150 ease-linear transition-all text-center justify-center text-base tracking-normal leading-6 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed bg-gold-500 border border-gold-500 text-gray-875 hover:bg-gold-400 font-semibold  px-6 py-3 font-light text-base tjmodal-button"><i class="bi bi-phone-flip"></i> Use Web App</a></div>`
                }])
            }
        }))
     })
</script>