<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_22044'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22044' data-time-slots-url='/venues/southlands-community-hub/facilities/22044/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 11v11 - Full Pitch" class="primary-link" rel="nofollow" href="#facility_22044 .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="3G 11v11 - Full Pitch" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 11v11 - Full Pitch</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 11v11 - Full Pitch" href="/venues/southlands-community-hub/facilities/22044"><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_22053'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22053' data-time-slots-url='/venues/southlands-community-hub/facilities/22053/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 9v9 - Half A" class="primary-link" rel="nofollow" href="#facility_22053 .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="3G 9v9 - Half A" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 9v9 - Half A</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 9v9 - Half A" href="/venues/southlands-community-hub/facilities/22053"><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_22054'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22054' data-time-slots-url='/venues/southlands-community-hub/facilities/22054/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 9v9 - Half B" class="primary-link" rel="nofollow" href="#facility_22054 .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="3G 9v9 - Half B" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 9v9 - Half B</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 9v9 - Half B" href="/venues/southlands-community-hub/facilities/22054"><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_22055'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22055' data-time-slots-url='/venues/southlands-community-hub/facilities/22055/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 7v7 - Qtr 1" class="primary-link" rel="nofollow" href="#facility_22055 .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="3G 7v7 - Qtr 1" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 7v7 - Qtr 1</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 7v7 - Qtr 1" href="/venues/southlands-community-hub/facilities/22055"><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_22056'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22056' data-time-slots-url='/venues/southlands-community-hub/facilities/22056/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 5v5 - Qtr 1" class="primary-link" rel="nofollow" href="#facility_22056 .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="3G 5v5 - Qtr 1" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 5v5 - Qtr 1</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 5v5 - Qtr 1" href="/venues/southlands-community-hub/facilities/22056"><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_22058'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22058' data-time-slots-url='/venues/southlands-community-hub/facilities/22058/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 7v7 - Qtr 2" class="primary-link" rel="nofollow" href="#facility_22058 .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="3G 7v7 - Qtr 2" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 7v7 - Qtr 2</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 7v7 - Qtr 2" href="/venues/southlands-community-hub/facilities/22058"><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_22057'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22057' data-time-slots-url='/venues/southlands-community-hub/facilities/22057/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 5v5 - Qtr 2" class="primary-link" rel="nofollow" href="#facility_22057 .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="3G 5v5 - Qtr 2" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 5v5 - Qtr 2</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 5v5 - Qtr 2" href="/venues/southlands-community-hub/facilities/22057"><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_22060'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22060' data-time-slots-url='/venues/southlands-community-hub/facilities/22060/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 7v7 - Qtr 3" class="primary-link" rel="nofollow" href="#facility_22060 .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="3G 7v7 - Qtr 3" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 7v7 - Qtr 3</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 7v7 - Qtr 3" href="/venues/southlands-community-hub/facilities/22060"><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_22062'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22062' data-time-slots-url='/venues/southlands-community-hub/facilities/22062/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 5v5 - Qtr 3" class="primary-link" rel="nofollow" href="#facility_22062 .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="3G 5v5 - Qtr 3" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 5v5 - Qtr 3</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 5v5 - Qtr 3" href="/venues/southlands-community-hub/facilities/22062"><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_22065'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22065' data-time-slots-url='/venues/southlands-community-hub/facilities/22065/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 7v7 - Qtr 4" class="primary-link" rel="nofollow" href="#facility_22065 .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="3G 7v7 - Qtr 4" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 7v7 - Qtr 4</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 7v7 - Qtr 4" href="/venues/southlands-community-hub/facilities/22065"><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_22063'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22063' data-time-slots-url='/venues/southlands-community-hub/facilities/22063/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="3G 5v5 - Qtr 4" class="primary-link" rel="nofollow" href="#facility_22063 .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="3G 5v5 - Qtr 4" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>3G 5v5 - Qtr 4</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 3G 5v5 - Qtr 4" href="/venues/southlands-community-hub/facilities/22063"><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_22068'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22068' data-time-slots-url='/venues/southlands-community-hub/facilities/22068/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="Grass Pitch Full - 11v11" class="primary-link" rel="nofollow" href="#facility_22068 .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 Full - 11v11" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Grass Pitch Full - 11v11</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Grass Pitch Full - 11v11" href="/venues/southlands-community-hub/facilities/22068"><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_22069'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22069' data-time-slots-url='/venues/southlands-community-hub/facilities/22069/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="Community Room" class="primary-link" rel="nofollow" href="#facility_22069 .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="Community Room" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Community Room</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 Community Room" href="/venues/southlands-community-hub/facilities/22069"><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_22070'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22070' data-time-slots-url='/venues/southlands-community-hub/facilities/22070/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="Meeting Room" class="primary-link" rel="nofollow" href="#facility_22070 .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="Meeting Room" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Meeting 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 Meeting Room" href="/venues/southlands-community-hub/facilities/22070"><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_22071'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22071' data-time-slots-url='/venues/southlands-community-hub/facilities/22071/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="Community Hall - Full" class="primary-link" rel="nofollow" href="#facility_22071 .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="Community Hall - Full" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Community Hall - Full</h2>
<div class='surface-type'>Sports Hall</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 Community Hall - Full" href="/venues/southlands-community-hub/facilities/22071"><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_22072'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22072' data-time-slots-url='/venues/southlands-community-hub/facilities/22072/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="Community Hall - Half A" class="primary-link" rel="nofollow" href="#facility_22072 .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="Community Hall - Half A" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Community Hall - Half A</h2>
<div class='surface-type'>Sports Hall</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 Community Hall - Half A" href="/venues/southlands-community-hub/facilities/22072"><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_22073'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22073' data-time-slots-url='/venues/southlands-community-hub/facilities/22073/time_slots?date=2026-07-22'>
<a data-bs-toggle="collapse" aria-label="Community Hall - Half B" class="primary-link" rel="nofollow" href="#facility_22073 .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="Community Hall - Half B" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Community Hall - Half B</h2>
<div class='surface-type'>Sports Hall</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 Community Hall - Half B" href="/venues/southlands-community-hub/facilities/22073"><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>