{# The Write/Preview pair, the textarea and the preview pane are the described
   markdown field's, not this template's: see `crate::quasi::rich_field`. The
   control keeps the id `text-body`, which is what `partial-item-text-editor.js`
   reads; the picker below addresses it by NAME (`body`), which is the whole of
   what `Act::fills` says. See `crate::quasi::media_picker`. #}
<div class="text-editor" id="text-editor">
    {{ crate::quasi::rich_field::html("text", "Content", "Write your content in Markdown...", body.as_deref().unwrap_or(""), crate::quasi::rich_field::Height::Tall)|safe }}

    {{ crate::quasi::media_picker::trigger("body")|safe }}
    <div class="editor-footer">
        <span class="word-count" id="word-count">{{ word_count.unwrap_or(0) }} words</span>
        <span class="reading-time">{{ reading_time_minutes.unwrap_or(1) }} min read</span>
    </div>

    <div class="text-editor-actions">
        <button type="button" class="btn-primary" id="save-text-btn" data-action="saveTextContent">
            Save Content
            <span id="text-spinner" class="htmx-indicator"> ...</span>
        </button>
        <span id="text-save-status"></span>
    </div>
</div>

<div id="partial-item-text-editor-cfg" hidden data-item-id="{{ item.id }}"></div>
<script src="/static/partial-item-text-editor.js?v=0820"></script>