<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_11313'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11313' data-time-slots-url='/venues/beechurst/facilities/11313/time_slots?date=2028-08-05'>
<a data-bs-toggle="collapse" aria-label="Artificial Bowls" class="primary-link" rel="nofollow" href="#facility_11313 .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="Artificial Bowls" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Artificial Bowls</h2>
<div class='surface-type'>Artificial Turf</div>
<div class='d-none d-sm-block'>
<div class='sports'>Bowls</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Artificial Bowls" href="/venues/beechurst/facilities/11313"><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_11109'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11109' data-time-slots-url='/venues/beechurst/facilities/11109/time_slots?date=2028-08-05'>
<a data-bs-toggle="collapse" aria-label="Petanque 1" class="primary-link" rel="nofollow" href="#facility_11109 .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="Petanque 1" src="/assets/surfaces/concrete-721df486ec5ee6063bd481f5e056578df722f4d93f5bfc4535beb4f4c5696024.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Petanque 1</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Other</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Petanque 1" href="/venues/beechurst/facilities/11109"><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_11110'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11110' data-time-slots-url='/venues/beechurst/facilities/11110/time_slots?date=2028-08-05'>
<a data-bs-toggle="collapse" aria-label="Petanque 2" class="primary-link" rel="nofollow" href="#facility_11110 .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="Petanque 2" src="/assets/surfaces/concrete-721df486ec5ee6063bd481f5e056578df722f4d93f5bfc4535beb4f4c5696024.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Petanque 2</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Other</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Petanque 2" href="/venues/beechurst/facilities/11110"><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_11111'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11111' data-time-slots-url='/venues/beechurst/facilities/11111/time_slots?date=2028-08-05'>
<a data-bs-toggle="collapse" aria-label="Petanque 3" class="primary-link" rel="nofollow" href="#facility_11111 .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="Petanque 3" src="/assets/surfaces/concrete-721df486ec5ee6063bd481f5e056578df722f4d93f5bfc4535beb4f4c5696024.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Petanque 3</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Other</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Petanque 3" href="/venues/beechurst/facilities/11111"><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_11112'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11112' data-time-slots-url='/venues/beechurst/facilities/11112/time_slots?date=2028-08-05'>
<a data-bs-toggle="collapse" aria-label="Petanque 4" class="primary-link" rel="nofollow" href="#facility_11112 .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="Petanque 4" src="/assets/surfaces/concrete-721df486ec5ee6063bd481f5e056578df722f4d93f5bfc4535beb4f4c5696024.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Petanque 4</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Other</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Petanque 4" href="/venues/beechurst/facilities/11112"><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_11113'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11113' data-time-slots-url='/venues/beechurst/facilities/11113/time_slots?date=2028-08-05'>
<a data-bs-toggle="collapse" aria-label="Petanque 5" class="primary-link" rel="nofollow" href="#facility_11113 .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="Petanque 5" src="/assets/surfaces/concrete-721df486ec5ee6063bd481f5e056578df722f4d93f5bfc4535beb4f4c5696024.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Petanque 5</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Other</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Petanque 5" href="/venues/beechurst/facilities/11113"><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_11114'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11114' data-time-slots-url='/venues/beechurst/facilities/11114/time_slots?date=2028-08-05'>
<a data-bs-toggle="collapse" aria-label="Petanque 6" class="primary-link" rel="nofollow" href="#facility_11114 .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="Petanque 6" src="/assets/surfaces/concrete-721df486ec5ee6063bd481f5e056578df722f4d93f5bfc4535beb4f4c5696024.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Petanque 6</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Other</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Petanque 6" href="/venues/beechurst/facilities/11114"><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_11883'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11883' data-time-slots-url='/venues/beechurst/facilities/11883/time_slots?date=2028-08-05'>
<a data-bs-toggle="collapse" aria-label="Events Area" class="primary-link" rel="nofollow" href="#facility_11883 .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="Events Area" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Events Area</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Bowls</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Events Area" href="/venues/beechurst/facilities/11883"><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>