{{--
    Google reCAPTCHA v2 "I'm not a robot" box. Put it inside a form, above the submit button. It draws nothing when the
    keys are not set in .env, and FormRequest (App\Http\Requests\LeadRequest) checks the token on the server.
    resources/js/app.js stops a submit with the box unticked, so a Career form never loses its CV to a round trip.
--}}
@php($recaptcha = app(\App\Services\Recaptcha::class))

@if ($recaptcha->enabled())
    <div {{ $attributes->only('class') }} data-recaptcha>
        {{-- The widget is a fixed 304px wide, so it shrinks a little on the narrowest phones. --}}
        <div class="g-recaptcha origin-top-left max-[359px]:scale-90" data-sitekey="{{ $recaptcha->siteKey() }}"
             data-callback="recaptchaSolved" data-expired-callback="recaptchaExpired"></div>

        {{-- Without JavaScript Google's fallback shows the challenge in a frame and the visitor pastes the code. --}}
        <noscript>
            <iframe src="https://www.google.com/recaptcha/api/fallback?k={{ $recaptcha->siteKey() }}" title="reCAPTCHA" class="h-[422px] w-[302px] max-w-full border-0"></iframe>
            <textarea name="g-recaptcha-response" rows="2" aria-label="reCAPTCHA code" class="form-input mt-2 max-w-[302px]"></textarea>
        </noscript>

        <p data-recaptcha-error role="alert" @class(['mt-1 text-sm text-red-600', 'hidden' => ! $errors->has('g-recaptcha-response')])>{{ $errors->first('g-recaptcha-response') }}</p>
    </div>

    @once
        @push('scripts')
            <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        @endpush
    @endonce
@endif