@php
    $captchaImageUrl = contact_reveal_captcha_image_url();
@endphp
<div
    class="custom-captcha-widget"
    data-captcha-image-id="contact-reveal-captcha-image"
    data-captcha-input-id="contact-reveal-captcha-input"
    data-captcha-url="{{ $captchaImageUrl }}"
>
    <label class="custom-captcha-widget__label" for="contact-reveal-captcha-input">
        {{ __('translate.Security verification') }}
    </label>

    <div class="custom-captcha-widget__panel">
        <div class="custom-captcha-widget__row">
            <div class="custom-captcha-widget__media">
                <div class="custom-captcha-widget__image-wrap">
                    <img
                        src="{{ $captchaImageUrl }}&t={{ time() }}"
                        alt="{{ __('translate.Captcha') }}"
                        class="custom-captcha-widget__image"
                        id="contact-reveal-captcha-image"
                        width="168"
                        height="48"
                    >
                </div>
                <button
                    type="button"
                    class="custom-captcha-widget__refresh contact-reveal-captcha-refresh"
                    aria-label="{{ __('translate.Refresh captcha') }}"
                    title="{{ __('translate.Refresh captcha') }}"
                >
                    <i class="fa-solid fa-rotate-right"></i>
                    <span class="custom-captcha-widget__refresh-text">{{ __('translate.Refresh') }}</span>
                </button>
            </div>

            <div class="custom-captcha-widget__field">
                <input
                    type="text"
                    name="captcha"
                    id="contact-reveal-captcha-input"
                    class="form-control custom-captcha-widget__input"
                    placeholder="{{ __('translate.Enter captcha code') }}"
                    autocomplete="off"
                    autocapitalize="characters"
                    spellcheck="false"
                    inputmode="text"
                    maxlength="8"
                >
            </div>
        </div>
    </div>

    <p class="custom-captcha-widget__hint">{{ __('translate.Captcha is case insensitive') }}</p>
</div>