<turbo-stream action="replace" target="slot-watcher-modal"><template><div class='modal' data-action='turbo:submit-end@document-&gt;remoteModal#hide' data-controller='remote-modal' id='slot-watcher-modal'>
<div class='modal-dialog modal-dialog-centered'>
<div class='modal-content'>
<div class='modal-header'>
<h2 class='modal-title'>Notify me if this slot becomes available:</h2>
<a class="btn-close" data-bs-dismiss="modal" href="#"></a>
</div>
<div class='modal-body'>
<div data-controller='slot-date how-often' data-how-often-locale-value='en' data-how-often-timezone-value='Europe/Dublin'>
<div class='mb-4'>
<h2>Astro Pitch</h2>
<span>
MON
Mon 10/08/26 19:00
</span>
-
<span data-how-often-target='endTime'></span>
<a class='collapse' data-bs-toggle='collapse' data-how-often-target='changeDuration' href='.modal-content .collapse'>Change</a>
</div>
<div class='slot-picker collapse show' data-how-often-target='duration'>
<h3>For how long?</h3>
<div class='available'>
<div class='slot clickable d-flex justify-content-between' data-action='click-&gt;how-often#setEndAt' data-end-at='2026-08-10T20:00:00+01:00'>
1 hour
</div>
<div class='slot clickable d-flex justify-content-between' data-action='click-&gt;how-often#setEndAt' data-end-at='2026-08-10T21:00:00+01:00'>
2 hours
</div>
</div>
</div>
<div class='collapse' data-how-often-target='howOften'>
<form data-turbo="true" class="simple_form new_slot_watcher" id="slot-watcher-form" novalidate="novalidate" action="/facilities/9157/slot_watchers" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6NsFk-wnDiI3pJwJ2ZGRIy9Z_FM7NvMbKAmpMwfc9qVm8xRVLgXLduez_PrKDaixxM2Sjr8OVgUX12rt6e_n8Q" /><input value="2026-08-10T19:00:00+01:00" type="hidden" name="slot_watcher[start_at]" id="slot_watcher_start_at" />
<input data-how-often-target="endAtInput" type="hidden" name="slot_watcher[end_at]" id="slot_watcher_end_at" />
<div class="form-group email required slot_watcher_email"><label class="email required" for="slot_watcher_email">Email <abbr title="required">*</abbr></label><input class="form-control string email required" autofocus="autofocus" required="required" aria-required="true" placeholder="you@example.com" type="email" name="slot_watcher[email]" id="slot_watcher_email" /></div>
<input type="submit" name="commit" value="Watch this slot" data-turbo="true" data-disable-with="Watch this slot" class="btn btn-primary" />
</form>
</div>
</div>


</div>
</div>
</div>
</div>
</template></turbo-stream>