{{-- chat message widget --}}
<div class="mobile-responsive widget-chat-demo">
    <!-- chat message widget -->
    <a href="javascript:void(Tawk_API.toggle())">
        <button class="btn btn-chat-message chat-demo-button glow px-1">
            @lang('widget.Bantuan')&nbsp;<i class="bx bx-chat"></i>
        </button>
    </a>

    {{-- <div class="widget-chat widget-chat-demo d-none">
        <div class="card mb-0">
            <div class="card-footer p-1" style="border-top: 2px solid #FF9900;">
                <form class="d-flex" id="chat-message">
                    <input type="text" class="form-control chat-message-demo mr-75" name="message" placeholder="@lang('widget.BantuanCaption')">
                    <button type="submit" class="btn btn-chat-message-popup glow px-1"><i class="bx bx-paper-plane"></i></button>
                </form>
            </div>
        </div>
    </div> --}}
    {{-- end chat message widget --}}

</div>

{{-- @push('script-after-global')
<script>
    $('#chat-message').submit( function (){

        const message = $(this).find('input[name=message]').val();

        window.open('https://api.whatsapp.com/send?phone=6281225708838&text='+ message);
        return false;

    });
</script>
@endpush --}}

@component('widget.tawkto', [
    // form config here
])
{{-- slot --}}
@endcomponent