@extends('layouts.site')

@section('title', 'Todas as Categorias')

@section('content')
    <div class="container">
        <div class="card shadow-sm">
            <div class="card-header bg-danger text-white">
                <h1 class="mb-0 fs-4">Todas as Nossas Categorias</h1>
            </div>
            <div class="card-body">
                <p class="lead text-muted">Encontre produtos navegando por nossas seções.</p>

                <div class="row row-cols-2 row-cols-md-4 row-cols-lg-6 g-4">
                    @forelse($categorias as $categoria)
                        <div class="col">
                            <a href="{{ route('site.categorias.show', ['categoria' => $categoria->slug]) }}" class="text-decoration-none text-dark">
                                <div class="card card-body text-center shadow-sm h-100 justify-content-center product-card">
                                    <i class="fas fa-tag fa-3x mb-3 text-danger"></i>
                                    <h6 class="mb-0">{{ $categoria->nome }}</h6>
                                </div>
                            </a>
                        </div>
                    @empty
                        <div class="col-12">
                            <div class="alert alert-warning" role="alert">
                                Nenhuma categoria encontrada no momento.
                            </div>
                        </div>
                    @endforelse
                </div>

                {{-- A SEÇÃO DE PAGINAÇÃO FOI REMOVIDA DAQUI --}}

            </div>
        </div>
    </div>
@endsection