<turbo-stream action="update" target="duration-modal"><template><div class='modal show' data-action='turbo:submit-end@document-&gt;remoteModal#hide' data-controller='slot-date how-often remote-modal' data-how-often-locale-value='en' data-how-often-timezone-value='Europe/Dublin' data-slot-date-current-weeks-value='1' data-slot-date-facility-ids-value='[3218]' data-slot-date-max-weeks-value='1' data-slot-date-selected-end-date-option-value='0' data-slot-date-start-at-value='2026-09-16T18:30:00+01:00' data-slot-date-timezone-value='Europe/Dublin' data-slot-date-url-value='https://portal.sportskey.com/venues/coolevin/booking/add_slots' id='71e8e27d'>
<div class='modal-dialog modal-dialog-centered'>
<div class='modal-content'>
<div class='modal-header'>
<h2 class='modal-title'>Coolevin Full Size Soccer Pitch</h2>
<a class="btn-close" data-bs-dismiss="modal" href="#"></a>
</div>
<div class='modal-body'>
<span>
WED
16/09/26 18:30
</span>
-
<span data-how-often-target='endTime'></span>
<input type="hidden" name="end_at" id="end_at" data-how-often-target="endAtInput" data-slot-date-target="endAtInput" />
<a class='collapse' data-bs-toggle='collapse' data-how-often-target='changeDuration' href='.modal-content .collapse'>Change</a>
<form data-slot-date-target="form" action="/venues/coolevin/booking/steps/facilities" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="put" /><input type="hidden" name="authenticity_token" value="oywVN9XHY6RokBI3QcdmXcuFKPus1wym-iR8HqDsstQdkjwZPalmdP3yr7boX6c1A9YDZCVFHxCLIGU-ktVhWQ" />
<div class='pb-3'><div class="alert alert-warning my-2">Your booking request will be sent to the venue for approval.</div></div>
<div class='slot-picker collapse show' data-how-often-target='duration'>
<h3>For how long?</h3>
<div class='available'>
</div>
</div>
<div class='collapse' data-how-often-target='howOften'>
<h3>Any other days?</h3>
<div class='weekdays d-flex mb-4 align-items-end'>
<div class='wday-picker true' data-action='click-&gt;slot-date#toggleWeekday' data-active='true' data-slot-date-target='toggle' data-wday='3' type='checkbox'>
Wed
</div>
<div class='wday-picker true' data-action='click-&gt;slot-date#toggleWeekday' data-slot-date-target='toggle' data-wday='4' type='checkbox'>
Thu
</div>
<div class='wday-picker true' data-action='click-&gt;slot-date#toggleWeekday' data-slot-date-target='toggle' data-wday='5' type='checkbox'>
Fri
</div>
<div class='wday-picker true' data-action='click-&gt;slot-date#toggleWeekday' data-slot-date-target='toggle' data-wday='6' type='checkbox'>
Sat
</div>
<div class='wday-picker true' data-action='click-&gt;slot-date#toggleWeekday' data-slot-date-target='toggle' data-wday='0' type='checkbox'>
Sun
</div>
<div class='wday-picker true' data-action='click-&gt;slot-date#toggleWeekday' data-slot-date-target='toggle' data-wday='1' type='checkbox'>
Mon
</div>
<div class='wday-picker true' data-action='click-&gt;slot-date#toggleWeekday' data-slot-date-target='toggle' data-wday='2' type='checkbox'>
Tue
</div>
</div>
<div class='my-3'>
1 week maximum
</div>
<div class='text-danger d-none' data-slot-date-target='maxWeeksError'>
1 is the maximum size for block bookings
</div>
<div class='slot-dates-wrapper mt-4' data-slot-date-target='fields'></div>
<div class='my-3'>
<input type="submit" name="commit" value="Next" class="btn btn-primary btn-block" data-slot-date-target="nextButton" data-action="click-&gt;slot-date#submitSelected" data-disable-with="Next" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</template></turbo-stream>
