@extends('layouts.public')
@section('content')
<div class="container">
    <h1 class="text-2xl font-semibold mb-4">Listado de Recetas</h1>
    <div class="flex flex-col">
    @foreach ($recetas as $receta)
        <div class="bg-white p-6 rounded-lg shadow-lg mb-6">
            <h2 class="text-2xl font-bold text-gray-800">{{ $receta->title }}</h2>
            <p class="mt-4 text-gray-600">{{ $receta->message }}</p>
            <span class="text-sm text-gray-500">Ultima Vez Actualizado: {{ $receta->updated_at }} </span>
        </div>
    @endforeach

    </div>

    <!-- Paginación -->
    {{ $recetas->links() }}
</div>
@endsection