{{-- 「使用 Google 登入」按鈕（Google Identity Services）。沒設定 GOOGLE_WEB_CLIENT_ID 時整段不輸出。
     用法：@include('partials.google-signin', ['action' => route(...), 'divider' => true]) --}}
@php $google = app(\App\Services\GoogleWebSignIn::class); @endphp
@if($google->enabled())
    @if($divider ?? true)
        <div class="relative my-6">
            <div class="absolute inset-0 flex items-center"><div class="w-full border-t border-gray-300 dark:border-slate-700"></div></div>
            <div class="relative flex justify-center text-sm"><span class="px-2 bg-white dark:bg-slate-900 text-gray-600 dark:text-gray-400">或</span></div>
        </div>
    @endif
    <div id="googleSignInButton" class="flex justify-center min-h-[44px]"></div>
    <form id="googleSignInForm" method="POST" action="{{ $action }}" class="hidden">
        @csrf
        <input type="hidden" name="credential" id="googleSignInCredential">
    </form>
    <script>
        function initGoogleSignIn() {
            google.accounts.id.initialize({
                client_id: @json($google->clientId()),
                nonce: @json($google->issueNonce()),
                callback: function (response) {
                    document.getElementById('googleSignInCredential').value = response.credential;
                    document.getElementById('googleSignInForm').submit();
                },
            });
            google.accounts.id.renderButton(document.getElementById('googleSignInButton'), {
                type: 'standard', theme: 'outline', size: 'large', text: 'signin_with', shape: 'rectangular', width: 320, locale: 'zh_TW',
            });
        }
    </script>
    <script src="https://accounts.google.com/gsi/client" async defer onload="initGoogleSignIn()"></script>
@endif