@switch($captchaType)
    @case('laravel')
        <fieldset id="captcha" class="captcha">
            <span id="captcha_image">
                {!! Captcha::img("flat") !!}
            </span>
            <button type="button" id="captcha_reload"><span></span>새로고침</button>
            <input type="text" id="laravel-captcha" name="laravel-captcha" 
                @class(['frm_input', 'required' => $required ?? true]) @if ($required ?? true) required @endif>
        </fieldset>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                document.getElementById('captcha_reload').addEventListener('click', function() {
                    document.querySelector('#captcha_image img').src = '{{ Request::root() }}/captcha/flat?' + Math.random();
                });
            });
        </script>
        @break

    @case('recaptcha_v2')
        <script src="https://www.google.com/recaptcha/api.js"></script>
        <div class="g-recaptcha" data-sitekey="{{ $recaptchaSiteKey }}"></div>
        @break

    @case('recaptcha_v3')
        <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
        <script src="https://www.google.com/recaptcha/api.js?render={{ $recaptchaSiteKey }}"></script>
        <script>
            grecaptcha.ready(function() {
                grecaptcha.execute("{{ $recaptchaSiteKey }}").then(function(token) {
                    document.getElementById("g-recaptcha-response").value = token;
                });
            });
        </script>
        @break

    @case('recaptcha_inv')
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        <div id="recaptcha" class="g-recaptcha" data-sitekey="{{ $recaptchaSiteKey }}"
            data-callback="recaptcha_validate" data-size="invisible">
        </div>
        @break

@endswitch
@if (
    $captchaType == 'recaptcha_v2'
    || $captchaType == 'recaptcha_v3'
    || $captchaType == 'recaptcha_inv'
)
    <script>
        function validateCaptcha() {
            const recaptchaResponse = document.getElementById('g-recaptcha-response');
            if (!recaptchaResponse.value) {
                grecaptcha.execute();
                return false;
            }
            return true;
        }
        function recaptcha_validate(token) {
            const recaptchaElement = document.getElementById('g-recaptcha-response');
            const form = recaptchaElement.closest('form');
            if (form) {
                form.submit();
            }
        }
    </script>
@else
    <script>
        function validateCaptcha(){
            return true;
        }
    </script>
@endif