@if (gs('socialite_credentials')->linkedin->status || gs('socialite_credentials')->facebook->status == Status::ENABLE || gs('socialite_credentials')->google->status == Status::ENABLE)
    <div class="or-text animate">@lang('or')</div>
    <ul class="social-list-two justify-content-center">
        @if (gs('socialite_credentials')->google->status == Status::ENABLE)
            <li class="social-list-two__item animate">
                <a href="https://www.facebook.com" class="social-list-two__link flex-center">
                    <img src="{{ asset(activeTemplate(true) . 'images/google.svg') }}" alt="Google">
                    @lang('facebook')
                </a>
            </li>
        @endif
        @if (gs('socialite_credentials')->facebook->status == Status::ENABLE)
            <li class="social-list-two__item animate">
                <a href="https://www.twitter.com" class="social-list-two__link flex-center">
                    <img src="{{ asset(activeTemplate(true) . 'images/facebook.svg') }}" alt="Google">
                    @lang('Facebook')
                </a>
            </li>
        @endif
        @if (gs('socialite_credentials')->linkedin->status == Status::ENABLE)
            <li class="social-list-two__item animate">
                <a href="https://www.linkedin.com" class="social-list-two__link flex-center">
                    <img src="{{ asset(activeTemplate(true) . 'images/linkdin.svg') }}" alt="Linkedin">
                    @lang('Linkedin')
                </a>
            </li>
        @endif
    </ul>
@endif

@push('style')
    <style>
        .social-login-btn {

            border: 1px solid #cbc4c4;
        }
    </style>
@endpush