<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_14977'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14977' data-time-slots-url='/venues/nhha/facilities/14977/time_slots?date=2026-07-28'>
<a data-bs-toggle="collapse" aria-label="Warkworth Hockey Turf B" class="primary-link" rel="nofollow" href="#facility_14977 .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="Warkworth Hockey Turf B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/thi11mqalx7a2r5jyj8vqdeiwrxe?response-content-disposition=inline%3B%20filename%3D%22WarkworthHockeyLogoMark_White.png%22%3B%20filename%2A%3DUTF-8%27%27WarkworthHockeyLogoMark_White.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260728%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260728T075917Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1bbc38ffb0acdcc2f577e555b68a50ee9e62d5cfa0de0037b7182fb2c83798b5" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Warkworth Hockey Turf B</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check Warkworth&#39;s turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Warkworth Hockey Turf B" href="/venues/nhha/facilities/14977"><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_13952'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13952' data-time-slots-url='/venues/nhha/facilities/13952/time_slots?date=2026-07-28'>
<a data-bs-toggle="collapse" aria-label="The Clubhouse" class="primary-link" rel="nofollow" href="#facility_13952 .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="The Clubhouse" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/qut7yc5wbqcgaka6px1u4ihblems?response-content-disposition=inline%3B%20filename%3D%22Clubroom.jpg%22%3B%20filename%2A%3DUTF-8%27%27Clubroom.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260728%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260728T075917Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=12151713536fb99a983af991675163f0067880e7f0e25f4befb2023764dc1cb2" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>The Clubhouse</h2>
<div class='surface-type'>Function 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 The Clubhouse" href="/venues/nhha/facilities/13952"><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_15192'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='15192' data-time-slots-url='/venues/nhha/facilities/15192/time_slots?date=2026-07-28'>
<a data-bs-toggle="collapse" aria-label="WEST Room" class="primary-link" rel="nofollow" href="#facility_15192 .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="WEST Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/t3qth7yz72vse7p4rxadccffdrf4?response-content-disposition=inline%3B%20filename%3D%22West%20Room.jpg%22%3B%20filename%2A%3DUTF-8%27%27West%2520Room.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260728%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260728T075917Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c1ea1be80025a111b4000e82e027bf58d06dd539e7c45ed2f813711e170a9a7a" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>WEST Room</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 WEST Room" href="/venues/nhha/facilities/15192"><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 3.0 hours</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_15259'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='15259' data-time-slots-url='/venues/nhha/facilities/15259/time_slots?date=2026-07-28'>
<a data-bs-toggle="collapse" aria-label="Media Room" class="primary-link" rel="nofollow" href="#facility_15259 .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="Media Room" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Media Room</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 Media Room" href="/venues/nhha/facilities/15259"><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_16064'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='16064' data-time-slots-url='/venues/nhha/facilities/16064/time_slots?date=2026-07-28'>
<a data-bs-toggle="collapse" aria-label="Village Green" class="primary-link" rel="nofollow" href="#facility_16064 .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="Village Green" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/uz9g9q3k0zc6a1a6kamz6uuriil2?response-content-disposition=inline%3B%20filename%3D%22Village%20green.jpg%22%3B%20filename%2A%3DUTF-8%27%27Village%2520green.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260728%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260728T075917Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=fb02bd2b77e594e694c975b02c15ac1ca6c0ddf01ab8851a3f2f0ad3129b5955" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Village Green</h2>
<div class='surface-type'></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 Village Green" href="/venues/nhha/facilities/16064"><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>