@if (count($galleryPreviewImages) > 1)
                        <section class="petrecovery-card petrecovery-photo-strip-card">
                            <div class="petrecovery-photo-strip-header">
                                <span class="material-symbols-outlined text-danger">photo_camera</span>
                                <h2 class="petrecovery-photo-strip-title">{{ __('public_profile_messages.common.photos') }}</h2>
                            </div>

                            <div class="petrecovery-photo-strip-grid">
                                @foreach ($galleryPreviewImages as $index => $image)
                                    <button
                                            type="button"
                                            class="petrecovery-photo-thumb"
                                            data-lightbox-trigger
                                            data-lightbox-index="{{ $index }}"
                                            data-lightbox-images="{{ json_encode($lightboxImages) }}"
                                            aria-label="{{ __('public_profile_messages.common.open_photo', ['index' => $index + 1]) }}"
                                    >
                                        <img src="{{ $image['url'] }}" alt="{{ __('public_profile_messages.common.open_photo', ['index' => $index + 1]) }}"
                                             loading="lazy">
                                    </button>
                                @endforeach
                            </div>
                        </section>
                    @endif