<x-layout>
    <x-slot:title>Absolute Pandamonium!</x-slot:title>
    <x-slot:cardImage>{{ asset('/images/embeds/pandamonium.png') }}</x-slot:cardImage>
    <x-slot:cardDescription>Follow the adventures of Rosco, Leko, Viz and AJ!</x-slot:cardDescription>
    @if (isLegacy())
        <p><i>Click images for full-size version (56k no!)</i></p>
        @foreach($images as $image)
                <a href="{{ str_replace('-legacy', '', $image["path"]) }}"><img src="{{ $image["path"] }}" @if(isset($image["description"])) alt="{{ $image["description"] }}" @endif></a>
                @if(isset($image["description"]))
                    <p>{{$image["description"]}}</p>
                @endif
        @endforeach
    @else
        <div class="rosco-leko-gallery">
        @foreach($images as $image)
            <div>
                <img src="{{ $image["path"] }}" @if(isset($image["description"])) alt="{{ $image["description"] }}" @endif>
                @if(isset($image["description"]))
                    <p>{{$image["description"]}}</p>
                @endif
            </div>
        @endforeach
        </div>
    @endif
</x-layout>
