           x-bind:class="{ active: imageIndex === currentImage }">
                                    </template>
                                    <div class="carousel-controls" x-show="device.images.length > 1">
                                        <template x-for="(image, imageIndex) in device.images" :key="imageIndex">
                                            <div class="carousel-control"
                                                x-bind:class="{ active: imageIndex === currentImage }"
    