@extends('frontend.layouts.applayout')

@section('main-content')
    <div class="container mt-4 mb-4 p-3">

        <h2>{{ $title == 'Custom Cakes' ? 'Kids Cakes' : $title }}</h2>
        <div class="row">
            @foreach ($cakes as $cake)
                <div class="col-lg-2 col-md-4 mb-4">
                    <div class="gallery-image border rounded p-2">
                        <a class="w-100" href="{{ asset('storage/' . $cake->image_url) }}">
                            <img src="{{ asset('storage/' . $cake->image_url) }}" class="w-100 img-fluid cake-img"
                                alt="{{ $cake->name }}">
                        </a>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection