@props([
    'selector' => 'textarea[data-sms-rich-editor], [data-sms-rich-editor] textarea',
    'mode' => 'advanced',
    'height' => 180,
    'placeholder' => null,
    'uploadUrl' => null,
])

@once
    <script src="{{ asset('js/components/sms-rich-text-editor.js') }}?v={{ file_exists(public_path('js/components/sms-rich-text-editor.js')) ? filemtime(public_path('js/components/sms-rich-text-editor.js')) : time() }}"></script>
@endonce

<script>
    (function () {
        let retryTimer = null;
        let retryCount = 0;
        const MAX_RETRIES = 6;

        const queueRetry = function () {
            if (retryCount >= MAX_RETRIES) {
                return;
            }

            if (retryTimer) {
                return;
            }

            retryTimer = window.setTimeout(function () {
                retryTimer = null;
                retryCount += 1;
                initSmsRichEditors();
            }, 650);
        };

        const initSmsRichEditors = function () {
            if (!window.SmsRichTextEditor) {
                queueRetry();
                return;
            }

            window.SmsRichTextEditor.init({
                selector: @js($selector),
                mode: @js($mode),
                height: @js($height),
                placeholder: @js($placeholder),
                uploadUrl: @js($uploadUrl ?: route('admin.editor.upload-image')),
            }).then(function (instances) {
                const hasInitialized = Array.isArray(instances) && instances.some(function (instance) {
                    return !!instance;
                });

                if (!hasInitialized) {
                    queueRetry();
                    return;
                }

                retryCount = 0;
            });
        };

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', initSmsRichEditors, { once: true });
        } else {
            initSmsRichEditors();
        }

        if (!window.__smsRichEditorHooksBound) {
            window.addEventListener('load', initSmsRichEditors);
            document.addEventListener('livewire:update', initSmsRichEditors);
            document.addEventListener('livewire:navigated', initSmsRichEditors);
            window.__smsRichEditorHooksBound = true;
        }
    })();
</script>