@extends('website.layouts.app')

@section('content')
<section class="bg-pink" style="padding:2rem 0;">
    <div class="container">
        <div class="position-relative w-100 text-center">
            <p class="text-center text-white fw-bold mb-0">Galeri</p>
            <h1 class="text-center text-white">{{ $festival->name }}</h1>
        </div>
    </div>
</section>
<section class="py-5" style="
    background-color: #00cfba;
    background-image: url(/build/assets/icons-NIX-PmIn.png);
    ">
    <div class="container">
        <div class="row">
            @foreach ($paginator->items() as $item)
            <div class="col-md-3">
                <div class="w-100 ratio ratio-16x9 mb-4">
                    <img class="object-fit-cover" src="{{ asset('storage/' . ($item->source ?? '')) }}" alt="{{ $item->name ?? '' }}" />
                </div>
            </div>
            @endforeach
        </div>
        {!! $paginator->links() !!}
    </div>
</section>
@endsection