{{/* quick add — one sentence becomes an event.

     The disclosure is a <details>, so it opens with NO SCRIPT. That is
     the whole reason it is not a button and a class: the popover is an
     affordance, and AGENTS.md says no affordance may require script.

     The form is an ordinary POST to /events/quick. With script, the
     pane below has already shown what the server will do, so submitting
     confirms it; without script the event page is the confirmation, one
     click from Edit. Nothing here needs JavaScript to work — the live
     pane is the only thing script adds.

     name="rst-shell-menu" is deliberately NOT set: this is not one of
     the shell's exclusive disclosures, and joining that group would let
     opening the account menu close a half-typed sentence. */}}
{{define "quickadd"}}
<details cal-quick>
  <summary cal-quick-summary>
    {{icon "plus"}}
    <span>Quick add</span>
  </summary>

  <form cal-quick-form method="post" action="/events/quick">
    <label class="rst-sr-only" for="cal-quick-text">
      Describe the event in your own words
    </label>
    <textarea id="cal-quick-text" name="text" rows="2"
              cal-quick-text
              placeholder="Meeting with Dermot Lacey at 3pm in McCloskeys"
              autocomplete="off"></textarea>

    {{/* The pane. Rendered here for the scriptless first paint (empty,
         explaining itself) and REPLACED wholesale by the same template
         rendered server-side as a fragment when script is on — one
         template, so the two paths cannot drift into disagreeing. */}}
    <div id="cal-quick-pane" cal-quick-pane aria-live="polite">
      {{template "quickpane" .QuickPane}}
    </div>

    <div cal-quick-actions>
      <button rst-btn="primary" type="submit">Add</button>
      {{/* hidden until quickadd.js reveals it: with no script, Enter
           inserts a newline like any other textarea, and a page that
           advertised a shortcut it does not have would be lying. */}}
      <span cal-quick-key hidden>or press Enter</span>
      <span cal-quick-hint>Times, dates, durations, places and email addresses are read from the sentence.</span>
    </div>
  </form>
</details>
{{end}}