unsaved

<div data-kit-layout="settings" data-kit-holds="form-or-list">
  <div data-kit-region="notices" aria-live="polite"></div>
  <details data-kit-role="disclosure"><summary>Sections</summary><nav data-kit-region="section-index" aria-label="Hirer settings"><ul><li><a data-kit-role="destination" href="../../settings/?section=hirer-details"><span data-kit-region="name">Hirer details</span></a></li><li><a data-kit-role="destination" data-kit-state="current" href="../../settings/?section=billing" aria-current="page"><span data-kit-region="name">Billing</span></a></li></ul></nav></details>
  <section data-kit-region="selected-section" aria-labelledby="unsaved-billing-title">
    <h2 id="unsaved-billing-title">Billing</h2>
    <div data-kit-region="notices" aria-live="polite"></div>
  </section>
  <div data-kit-region="form-or-list">
    <form method="get" id="unsaved-billing-form" data-kit-keep="aisha-khan/settings/billing" data-kit-keep-version="7">
      <div data-kit-role="form-group">
        <label for="unsaved-email">Billing email</label>
        <input id="unsaved-email" name="email" type="email" value="accounts@oakmereprimary.org">
        <output for="unsaved-email">accounts@oakmereprimary.org</output>
      </div>
    </form>
  </div>
  <div data-kit-role="action-group" data-kit-region="local-actions"><button type="submit" form="unsaved-billing-form" data-kit-role="primary-action"><span data-kit-region="label">Save email</span></button><button type="button" data-kit-role="secondary-action"><span data-kit-region="label">Send a test invoice</span></button><a href="../../settings/?section=hirer-details" data-kit-role="way-back"><span data-kit-region="label">Return to hirer details</span></a><p data-kit-role="status-line" data-kit-state="unsaved" role="status" aria-live="polite">Not saved</p></div>
</div>
<div data-kit-layout="record">
  <div data-kit-region="notices" aria-live="polite"></div>
  <div data-kit-region="notices" aria-live="polite"></div>
  <aside data-kit-region="decision-compact-work">
    <form data-kit-region="decision" id="unsaved-invoice-decision" data-kit-keep="aisha-khan/invoice/oakmere-primary/decision" data-kit-keep-version="4">
      <div data-kit-role="form-group"><label for="unsaved-invoice-note">Note on the invoice</label><textarea id="unsaved-invoice-note" name="invoice-note">Paid by bank transfer, reference OPS-2025.</textarea></div>
      <div data-kit-role="action-group"><button type="submit" data-kit-role="primary-action"><span data-kit-region="label">Send invoice</span></button><button type="button" data-kit-role="secondary-action"><span data-kit-region="label">Preview invoice</span></button><a href="#unsaved-notes" data-kit-role="way-back"><span data-kit-region="label">Return to invoice</span></a><p data-kit-role="status-line" data-kit-state="unsaved" role="status" aria-live="polite">Not saved</p></div>
    </form>
  </aside>
  <section data-kit-region="notes-files-history" id="unsaved-notes" aria-labelledby="unsaved-notes-title">
    <h2 id="unsaved-notes-title">Notes</h2>
    <form data-kit-role="form-group" data-kit-keep="aisha-khan/invoice/oakmere-primary/note" data-kit-keep-version="4"><label for="unsaved-note">Note</label><textarea id="unsaved-note" name="note">Aisha asked for a copy by post.</textarea><button type="submit" data-kit-role="secondary-action"><span data-kit-region="label">Add note</span></button><p data-kit-role="status-line" data-kit-state="unsaved" role="status" aria-live="polite">Not saved</p></form>
  </section>
</div>