<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_9392'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9392' data-time-slots-url='/venues/woolmer-hill/facilities/9392/time_slots?date=2026-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Main Hall" class="primary-link" rel="nofollow" href="#facility_9392 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Main Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/iv6mk9fbhd23d8fu161tlmara8k4?response-content-disposition=inline%3B%20filename%3D%22WHS%20Main%20Hall.jpg%22%3B%20filename%2A%3DUTF-8%27%27WHS%2520Main%2520Hall.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260626%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260626T222945Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3c243cc31a0ffc9894dd6c73bbec7faee602236c50a2a0d6224df34114a1d9eb" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Main Hall</h2>
<div class='surface-type'>Meeting Room</div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Main Hall" href="/venues/woolmer-hill/facilities/9392"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only · Minimum booking duration 1 hour</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_9390'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9390' data-time-slots-url='/venues/woolmer-hill/facilities/9390/time_slots?date=2026-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Gym" class="primary-link" rel="nofollow" href="#facility_9390 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Gym" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Gym</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Gym, Athletics / Track &amp; Field , Running, Gymnastics</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Gym" href="/venues/woolmer-hill/facilities/9390"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only · Minimum booking duration 1 hour</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_9391'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9391' data-time-slots-url='/venues/woolmer-hill/facilities/9391/time_slots?date=2026-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Grass Pitch" class="primary-link" rel="nofollow" href="#facility_9391 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Grass Pitch" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/bbckhs4neq1favwsjxfsihyu6a43?response-content-disposition=inline%3B%20filename%3D%22WHS%20Grass%20Pitch.jpg%22%3B%20filename%2A%3DUTF-8%27%27WHS%2520Grass%2520Pitch.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260626%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260626T222945Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=738990b57b436625ab5e91796dd51b26bccfa79a62b3b9e7df6e4484e40fbda2" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Grass Pitch</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>All Sports Welcome</div>
</div>
<div class='d-lg-none text-danger'>Closed on Fri 26/06/26</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Grass Pitch" href="/venues/woolmer-hill/facilities/9391"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">The Pitch with be marked up for football September - Easter and a running track from Easter  · Request only · Minimum booking duration 1 hour</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_9389'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9389' data-time-slots-url='/venues/woolmer-hill/facilities/9389/time_slots?date=2026-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Classroom" class="primary-link" rel="nofollow" href="#facility_9389 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Classroom" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Classroom</h2>
<div class='surface-type'>Classroom</div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Classroom" href="/venues/woolmer-hill/facilities/9389"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only · Minimum booking duration 1 hour</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_10076'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10076' data-time-slots-url='/venues/woolmer-hill/facilities/10076/time_slots?date=2026-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Grass Rugby Pitch" class="primary-link" rel="nofollow" href="#facility_10076 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Grass Rugby Pitch" src="/assets/surfaces/grass-caa1007b57c21132a79b0fb1688065f9496e1730e89e908fa7bd042f02c3d24f.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Grass Rugby Pitch</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Rugby</div>
</div>
<div class='d-lg-none text-danger'>Closed on Fri 26/06/26</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Grass Rugby Pitch" href="/venues/woolmer-hill/facilities/10076"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">No Floodlights · Request only · Minimum booking duration 1 hour</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_17690'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='17690' data-time-slots-url='/venues/woolmer-hill/facilities/17690/time_slots?date=2026-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Netball Court (No floodlights)" class="primary-link" rel="nofollow" href="#facility_17690 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Netball Court (No floodlights)" src="/assets/surfaces/concrete-721df486ec5ee6063bd481f5e056578df722f4d93f5bfc4535beb4f4c5696024.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Netball Court (No floodlights)</h2>
<div class='surface-type'>Concrete</div>
<div class='d-none d-sm-block'>
<div class='sports'>Netball</div>
</div>
<div class='d-lg-none text-danger'>Closed on Fri 26/06/26</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Netball Court (No floodlights)" href="/venues/woolmer-hill/facilities/17690"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only on Thursday, Saturday, Sunday · Minimum booking duration 1 hour</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="load-more"><template>
</template></turbo-stream>