@extends('layouts.app')

@section('title','Gallery')

@section('content')
    <h2 class="mt-4 mb-3">Gallery</h2>
    <div class="row g-4">
        @foreach($images as $image)
            <div class="col-md-3">
                <div class="card">
                    <img src="{{ $image->image_url }}" class="card-img-top" alt="{{ $image->title }}">
                    <div class="card-body">
                        <h6>{{ $image->title }}</h6>
                        <p class="small text-muted">{{ \Illuminate\Support\Str::limit($image->caption, 60) }}</p>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endsection