{{-- Shared Summernote init + image upload wiring for any rich-text field --}}
{{-- Usage: @include('tracker::partials.rich_editor_init', ['selector' => '#some-id']) --}}
<script>
(function () {
    var el = $('{{ $selector }}');
    if (!el.length) return;

    el.summernote({
        height: 250,
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline', 'strikethrough', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['insert', ['link', 'picture']],
            ['view', ['fullscreen', 'codeview', 'help']]
        ],
        callbacks: {
            onImageUpload: function (files) {
                for (var i = 0; i < files.length; i++) {
                    uploadTrackerImage(el, files[i]);
                }
            }
        }
    });

    function uploadTrackerImage(target, file) {
        var data = new FormData();
        data.append('image', file);

        $.ajax({
            url: '{{ route("tracker.uploads.store") }}',
            method: 'POST',
            data: data,
            cache: false,
            contentType: false,
            processData: false,
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function (res) {
                target.summernote('insertImage', res.url);
            },
            error: function (xhr) {
                var msg = (xhr.responseJSON && (xhr.responseJSON.message || (xhr.responseJSON.errors && xhr.responseJSON.errors.image && xhr.responseJSON.errors.image[0]))) || 'Image upload failed.';
                alert(msg);
            }
        });
    }
})();
</script>