offline
Choir rehearsal
Cancelled
· Main Hall
This meeting will be reinstated when you are back online.
Available when you are back online.
Source
<form data-kit-layout="form">
<div data-kit-region="notices" aria-live="polite"></div>
<div data-kit-region="form-groups">
<div data-kit-region="notices" aria-live="polite">
<div data-kit-role="notice" data-kit-state="attention" id="offline-standing">
<svg data-kit-icon="warning" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z"/></svg>
<p data-kit-region="standing">Connection lost</p>
<p data-kit-region="sentence">Your entered email is still here but has not been saved.</p>
</div>
</div>
<div data-kit-role="form-group">
<label for="offline-email">Oakmere Primary School billing email</label>
<input id="offline-email" type="email" value="aisha@oakmereprimary.org">
<output for="offline-email">aisha@oakmereprimary.org</output>
</div>
</div>
<div data-kit-role="action-group" data-kit-region="submit-return" data-kit-holds="words">
<button type="button" id="offline-save-email" data-kit-role="primary-action" data-kit-state="inert" disabled aria-describedby="offline-standing offline-save-email-words"><span data-kit-region="label">Save email</span></button><p data-kit-region="words" id="offline-save-email-words">Reconnect before saving.</p>
<p data-kit-role="status-line" role="status" aria-live="polite"></p></div>
</form>
<article data-kit-role="row">
<div data-kit-region="content-column">
<div data-kit-region="subject-column">
<div data-kit-region="line">
<div data-kit-region="subject-stamp">
<a data-kit-region="subject" href="#state-offline">Choir rehearsal</a>
<span data-kit-role="stamp" data-kit-state="settled">Cancelled</span>
</div>
<div data-kit-region="facts-column"><p data-kit-region="facts"><span data-kit-region="fact"><time datetime="2025-04-22T19:00+01:00"><span>Tuesday, 22 April 2025</span><wbr><span> at 19:00</span></time> · Main Hall</span></p></div>
</div>
<div data-kit-region="standing" data-kit-state="unsaved">
<p role="status">This meeting will be reinstated when you are back online.</p>
</div>
</div>
<div data-kit-region="actions" data-kit-holds="words"><button type="button" data-kit-role="secondary-action" data-kit-saves-behind="This meeting will be reinstated when you are back online."><span data-kit-region="label">Reinstate</span></button><button type="button" id="offline-email-hirer" data-kit-role="secondary-action" data-kit-state="inert" disabled aria-describedby="offline-email-hirer-words"><span data-kit-region="label">Email the hirer</span></button><p data-kit-region="words" id="offline-email-hirer-words">Available when you are back online.</p></div>
</div>
</article>
<form data-kit-layout="form">
<div data-kit-region="notices" aria-live="polite">
<div data-kit-role="notice" data-kit-state="settled">
<svg data-kit-icon="info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"/></svg>
<p data-kit-region="standing">Not saved yet</p>
<p data-kit-region="sentence">Your followed changes will be marked as read when you are back online.</p>
</div>
</div>
</form>
<form data-kit-layout="form">
<div data-kit-region="notices" aria-live="polite"></div>
<div data-kit-region="form-groups">
<div data-kit-region="notices" aria-live="polite"></div>
<div data-kit-role="form-group" id="offline-hirer-texts">
<label for="offline-hirer-texts-control" id="offline-hirer-texts-label">Text the hirer before each booking</label>
<span data-kit-role="switch">
<input type="hidden" name="hirer_texts" value="false" disabled>
<input id="offline-hirer-texts-control" type="checkbox" role="switch" name="hirer_texts" disabled>
<span data-kit-region="on">On</span>
<span data-kit-region="off">Off</span>
</span>
<output for="offline-hirer-texts-control">Off</output>
<span>Available when you are back online.</span>
</div>
</div>
</form>