murdercode/laravel-shortcode-plus

View on GitHub
resources/views/gallery.blade.php

Summary

Maintainability
A
0 mins
Test Coverage
<div class="w-full">
    <div class="
    grid grid-cols-4 grid-rows-2 not-prose sm:px-0">
        @foreach ($images as $image)
            @if ($loop->iteration <= 5)
                <a class="

                @if($loop->count >= 5)
                 @if($loop->iteration == 1)
                 col-span-2 row-span-2
                 @endif
                @endif

                @if($loop->count == 4)
                row-span-2
                @endif

                @if($loop->count == 3)
                @if ($loop->iteration == 1)
                col-span-2
                @endif
                row-span-2
                @endif

                @if($loop->count == 2)
                col-span-2 row-span-2
                @endif

          glightbox hover:brightness-110 relative"
                   href="{{ asset('storage/' . $image['path']) }}"
                   aria-label="{{ $image['alternative_text'] }}"
                   data-glightbox="{{ addslashes($image['title']) }}">
                    <img class="aspect-square relative object-cover w-full h-full cursor-pointer"
                         src="{{ asset('storage/' . $image['path']) }}?height=400"
                         alt="{{ $image['alternative_text'] }}"
                         title="Clicca per vedere l'immagine originale"
                    loading="lazy"/>
                    {{-- Hover Count --}}
                    @if ($loop->iteration == 5 && $loop->count > 5)
                        <div
                                class="absolute inset-0 flex items-center justify-center font-black text-white bg-red-500/50">
                            +{{ $loop->count - 5 }}
                        </div>
                    @endif

                </a>

                {{-- Hidden images --}}
            @else($loop->iteration > 5)
                <a href="{{ asset('storage/' . $image['path']) }}" class="hidden glightbox"></a>
            @endif
        @endforeach
    </div>
    @if ($title)
        <div class="font-sans text-base bg-gray-200 dark:bg-zinc-800 px-2 py-1.5">
            {!! $title !!}
        </div>
    @endif
</div>