<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-US' data-how-often-timezone-value='America/New_York'>
<div class='mb-4'>
<h2>Indoor Court</h2>
<span>
FRI
Fri 08/14/26 05:00 PM
</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-14T18:00:00-04:00'>
1 hour
</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/15200/slot_watchers" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IT1EDgWPEM8_UaOTcHArTCASJRY4gvcZcp0MvpkuqoQ-iF1SqWDqq_31j0mj0Ut7BmYmgwlBbRt51mk3J4b6Zw" /><input value="2026-08-14T17:00:00-04: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>