<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_12109'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12109' data-time-slots-url='/venues/holy-spirit-high-school/facilities/12109/time_slots?date=2026-06-21'>
<a data-bs-toggle="collapse" aria-label="James I. Harrison, Jr. Gymnasium (High School)" class="primary-link" rel="nofollow" href="#facility_12109 .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="James I. Harrison, Jr. Gymnasium (High School)" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>James I. Harrison, Jr. Gymnasium (High School)</h2>
<div class='surface-type'>Indoor Sprung Wooden Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about James I. Harrison, Jr. Gymnasium (High School)" href="/venues/holy-spirit-high-school/facilities/12109"><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</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_12110'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12110' data-time-slots-url='/venues/holy-spirit-high-school/facilities/12110/time_slots?date=2026-06-21'>
<a data-bs-toggle="collapse" aria-label="Holy Spirit Catholic School (Elementary Gym)" class="primary-link" rel="nofollow" href="#facility_12110 .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="Holy Spirit Catholic School (Elementary Gym)" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Holy Spirit Catholic School (Elementary Gym)</h2>
<div class='surface-type'>Indoor Sprung Wooden Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Holy Spirit Catholic School (Elementary Gym)" href="/venues/holy-spirit-high-school/facilities/12110"><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</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_12111'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12111' data-time-slots-url='/venues/holy-spirit-high-school/facilities/12111/time_slots?date=2026-06-21'>
<a data-bs-toggle="collapse" aria-label="Arthur Howington Field" class="primary-link" rel="nofollow" href="#facility_12111 .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="Arthur Howington Field" src="/assets/surfaces/grass-caa1007b57c21132a79b0fb1688065f9496e1730e89e908fa7bd042f02c3d24f.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Arthur Howington Field</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Soccer, American Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Arthur Howington Field" href="/venues/holy-spirit-high-school/facilities/12111"><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</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_12112'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12112' data-time-slots-url='/venues/holy-spirit-high-school/facilities/12112/time_slots?date=2026-06-21'>
<a data-bs-toggle="collapse" aria-label="Little Joe Field (Baseball)" class="primary-link" rel="nofollow" href="#facility_12112 .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="Little Joe Field (Baseball)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/70poapsossdz8bo39untg0mqmyb9?response-content-disposition=inline%3B%20filename%3D%22IMG_1645.jpeg%22%3B%20filename%2A%3DUTF-8%27%27IMG_1645.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260621%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260621T144823Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=29850ca9628ad954c0231c6b773b3d8f708cef9a0898dc5b5451d7829ffa7b49" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Little Joe Field (Baseball)</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Baseball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Little Joe Field (Baseball)" href="/venues/holy-spirit-high-school/facilities/12112"><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</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_12113'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12113' data-time-slots-url='/venues/holy-spirit-high-school/facilities/12113/time_slots?date=2026-06-21'>
<a data-bs-toggle="collapse" aria-label="Laubenthal Field (Softball)" class="primary-link" rel="nofollow" href="#facility_12113 .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="Laubenthal Field (Softball)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/hktc79aevd3nsvuldm6ms398w0i5?response-content-disposition=inline%3B%20filename%3D%22IMG_1642.jpeg%22%3B%20filename%2A%3DUTF-8%27%27IMG_1642.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260621%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260621T144823Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5c11823e89a4c43f2291f46aa728e538f39544a6f53cd8825dd2fed4479a3e6c" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Laubenthal Field (Softball)</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Softball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Laubenthal Field (Softball)" href="/venues/holy-spirit-high-school/facilities/12113"><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</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_12586'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12586' data-time-slots-url='/venues/holy-spirit-high-school/facilities/12586/time_slots?date=2026-06-21'>
<a data-bs-toggle="collapse" aria-label="Weight Room" class="primary-link" rel="nofollow" href="#facility_12586 .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="Weight Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/n7aq0604wdchv42bx5541znl0wq5?response-content-disposition=inline%3B%20filename%3D%22IMG_0907.jpeg%22%3B%20filename%2A%3DUTF-8%27%27IMG_0907.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260621%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260621T144823Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e3c894cad6610b48b68f9c884aa018565ed5d3923ae3d2970957f2a6fa5a37c7" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Weight Room</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Weight-lifting</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Weight Room" href="/venues/holy-spirit-high-school/facilities/12586"><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</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>