@extends('layouts.site')
@section('title', "Categoria: " . $categoria->nome)
@section('content')
    <div class="mb-5">
        <h1 class="display-5">{{ $categoria->nome }}</h1>
    </div>
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
        @forelse($produtos as $produto)
            <div class="col">
                {{-- Card do Produto --}}
            </div>
        @empty
            <div class="col-12">
                <div class="alert alert-info" role="alert">
                    Nenhum produto encontrado nesta categoria no momento.
                </div>
            </div>
        @endforelse
    </div>
    <div class="mt-5">
        {{ $produtos->links() }}
    </div>
@endsection