@if (config('app.USE_LOCAL_CAPTCHA'))
    <div class="form-group mt-4 mb-4">
        <div class="captcha">
            <span>{!! captcha_img('inverse') !!}</span>
            <button type="button" class="btn bg-custom-green text-white" class="reload" id="reload">
                &#x21bb;
            </button>
        </div>
    </div>
    <div class="form-group mb-4">
        <input id="captcha" type="text" class="form-control" placeholder="Enter Captcha" name="captcha">
    </div>

    <script>
        $(function () {
            $('#captcha').keyup(function(){
                let capcha = $(this).val().length;
                if(capcha){
                    $('#submitButton').attr('disabled', false);
                }else{
                    $('#submitButton').attr('disabled', true);
                }
            })

            $('#reload').click(function () {
                $.ajax({
                    type: 'GET',
                    url: "{{ route('captcha.reload') }}",
                    success: function (data) {
                        $(".captcha span").html(data.captcha);
                    }
                });
            });
        })
    </script>
@endif