<div class="bergamot-exercise">
    <details open>
        <summary>
            <span class="bergamot-exercise-label">
                <span class="bergamot-exercise-number"></span>
                {{ if or (eq (.Get "label") "") (eq (.Get "label") nil) }}{{ else }}({{ .Get "label" }}){{ end }}:
            </span>
        </summary>
        {{ transform.Markdownify .Inner }}

        <div class="bergamot-button-group">
            {{ if or (eq (.Get "preset") "") (eq (.Get "preset") nil) }}
            {{ else }}
            <button class="bergamot-button bergamot-play" onclick='window.Bergamot.runPreset(this.parentElement, "bergamot-widget-container-{{ .Get "id" }}", "{{ .Get "preset" }}")'>{{ partial "icon.html" "play" }}Start Bergamot</button>
            <button class="bergamot-button bergamot-close bergamot-hidden" onclick='window.Bergamot.close(this.parentElement, "bergamot-widget-container-{{ .Get "id" }}")'>{{ partial "icon.html" "x" }}Close Bergamot</button>
            {{ end }}
        </div>

        <div id="bergamot-widget-container-{{ .Get "id" }}"></div>
    </details>
</div>
