<turbo-stream action="replace" target="photo-modal"><template><div aria-hidden="true" aria-labelledby="photoModalLabel" class="modal modal-lg fade" id="photo-modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
Linus - The Cherry Express
<button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
</div>
<div class="modal-body">
<div class="carousel slide" data-bs-ride="carousel" id="galleryControls">
<div class="carousel-inner">
<div class="carousel-item active">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkzLCJwdXIiOiJibG9iX2lkIn19--fc05f49b1674deae94ac99c85ac768e1a889e0d4/linebot01a.png" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk0LCJwdXIiOiJibG9iX2lkIn19--f8862391976c7b59c50d92e528c1a5dd84e6d4f4/linebot02a.png" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk1LCJwdXIiOiJibG9iX2lkIn19--2e07fe42f3f01dffc876740057f84badbef544fa/linebot03a.JPG" />
</div>
</div>
<button class="carousel-control-prev" data-bs-slide="prev" data-bs-target="#galleryControls" type="button">
<span aria-hidden="true" class="carousel-control-prev-icon"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" data-bs-slide="next" data-bs-target="#galleryControls" type="button">
<span aria-hidden="true" class="carousel-control-next-icon"></span>
<span class="visually-hidden">Next</span>
</button>
</div>

</div>
</div>
</div>
</div>
<script>
  var photoModal = new bootstrap.Modal(document.getElementById('photo-modal'));
  photoModal.show();
</script>
</template></turbo-stream>
