@php
    $footerContent = getContent('footer.content', true);
    $footerElements = getContent('footer.element', orderById: true);
    $policyPages = getContent('policy_pages.element', orderById: true);
    $contact = getContent('contact_us.content', true);
@endphp
<footer class="footer">
<!--    <div class="footer__top">-->
<!--        <div class="container">-->
<!--            <div class="row mb-none-50">-->
<!--                <div class="col-lg-3 mb-50">-->
<!--                    <div class="footer-widget">-->
<!--                        <a href="{{ route('home') }}" class="footer-logo"><img-->
<!--                                src="{{ getImage(getFilePath('logo_icon') . '/logo.png') }}" alt="image"></a>-->
<!--                        <p class="para-white mt-4 font-size--14px">{{ __(@$footerContent->data_values->description) }}-->
<!--                        </p>-->
<!--                    </div><!-- footer-widget end -->
<!--                </div>-->
<!--                <div class="col-lg-3 col-sm-6 mb-50">-->
<!--                    <div class="footer-widget">-->
<!--                        <h6 class="footer-widget__title">@lang('Importants Links')</h6>-->
<!--                        <ul class="footer-menu-list">-->
<!--                            @foreach ($policyPages as $policy)-->
<!--                                <li><a-->
<!--                                        href="{{ route('policy.pages', [slug(@$policy->data_values->title), $policy->id]) }}">{{ __(@$policy->data_values->title) }}</a>-->
<!--                                </li>-->
<!--                            @endforeach-->
<!--                        </ul>-->
<!--                    </div><!-- footer-widget end -->
<!--                </div>-->
<!--                <div class="col-lg-3 col-sm-6 mb-50">-->
<!--                    <div class="footer-widget">-->
<!--                        <h6 class="footer-widget__title">@lang('Site Links')</h6>-->
<!--                        <ul class="footer-menu-list">-->
<!--                            <li><a href="{{ route('blogs') }}">@lang('Blogs')</a></li>-->
<!--                            <li><a href="{{ route('contact') }}">@lang('Contact')</a></li>-->
<!--                            <li><a href="{{ route('home') }}">@lang('Home')</a></li>-->
<!--                        </ul>-->
<!--                    </div><!-- footer-widget end -->
<!--                </div>-->
<!--                <div class="col-lg-3 mb-50">-->
<!--                    <div class="footer-widget">-->
<!--                        <h6 class="footer-widget__title">@lang('Contact')</h6>-->
<!--                        <p class="para-white font-size--14px">-->
<!--                            {{ __(@$footerContent->data_values->contact_description) }}-->
<!--                        </p>-->
<!--                        <ul class="footer-social-links d-flex align-items-center mt-3">-->
<!--                            @foreach (@$footerElements ?? [] as $footerElement)-->
<!--                                <li>-->
<!--                                    <a href="{{ @$footerElement->data_values->url }}" target="_blank">-->
<!--                                        @php echo @$footerElement->data_values->social_icon @endphp-->
<!--                                    </a>-->
<!--                                </li>-->
<!--                            @endforeach-->
<!--                        </ul>-->
<!--                    </div><!-- footer-widget end -->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div><!-- footer__top end -->
    <div class="footer__bottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <p class="para-white">@lang('Copyright') @lang('©') {{ date('Y') }} . @lang('All Rights Reserved').
                    </p>
                </div>
            </div>
        </div>
    </div><!-- footer__bottom end -->
</footer>

<style>
.multi-action {
        display: inline-block;
        position: fixed;
        width: 56px;
        height: 56px;
        margin-left:10px;
        bottom: 60px;
        z-index: 9999999999;
        font-size:200px;
    }

    .multi-action a {
        padding-top: 11px;
        vertical-align: middle;
        text-align: center;
    }

    .action-button {
        position: absolute;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        border: 0;
        outline: 0;
        background: ;
        font-size: 24px;
        color: white;
    }
    .action-button:hover {
        color: white;
    }
    .action-button:focus {
        color: white;
    }

    .float-btn {
        position: absolute;
        width: 46px;
        height: 46px;
        text-align: center;
        border-radius: 50%;
        border: 0;
        outline: 0;
        font-size: 24px;
        color: white;
        z-index: 2;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        transition: all .3s;
    }

    .float-btn:hover {
        color: white;
    }
    .float-btn:focus {
        color: white;
    }

   
    .actions {
        position: absolute;
        list-style: none inside none;
        margin: 0 0 0 0;
        padding: 0;
        width: auto;
        float: left;
        background-color: transparent;
        top: 8px;
        left: 8px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
}

.nk-sidebar-element  { 
background-color : ;
}
.nk-sidebar-footer{ 
background-color : ;
}

.card{ 
font-weight: bold;
background : ;
color : ;
border-radius: 20px 20px;
border-bottom: none;
}

.card-inner{
background : transparent;
color: ;
border-radius:50px 50px;
}

.btn{
color:white;
background-color: olivedrab;
}


</style>

<div class='multi-action'>
    <a href="https://t.me/ixgloballtd" class='action-button pt-2'> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Telegram_logo.svg/2048px-Telegram_logo.svg.png" ></a>
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>