{{ define "modal/compose-settings" }}
  <div class="settings-overlay" id="compose-settings-overlay">
    <div class="settings-panel" role="dialog" aria-modal="true"
         aria-labelledby="compose-settings-title">
      <div class="settings-panel__header">
        <h2 class="settings-panel__title" id="compose-settings-title">Message Options</h2>
        <button
          type="button"
          class="footer__toolbar-btn"
          id="compose-settings-close"
          aria-label="Close message options"
        >
          <svg class="icon"><use href="/static/icons.svg#close"></use></svg>
        </button>
      </div>

      <div class="settings-field">
        <label class="settings-label" for="max-turns-input">
          Max Iterations
          <span class="settings-label__sub">0 = unlimited</span>
        </label>
        <input
          type="number"
          class="settings-select"
          id="max-turns-input"
          min="0"
          max="99"
          value="0"
          aria-label="Max iterations"
        />
      </div>
    </div>
  </div>
{{ end }}