@extends('layouts.shop')
@section('title', 'Blog')
@section('content')
<h1 class="text-3xl font-bold mb-8">Blog / Aktuelles</h1>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    @forelse($posts as $post)
    <a href="{{ route('blog.post', $post->slug) }}" class="block bg-white border rounded-lg overflow-hidden hover:shadow-md transition">
        @if($post->image)<img src="{{ asset('storage/'.$post->image) }}" class="w-full h-48 object-cover">@endif
        <div class="p-5">
            <p class="text-xs text-gray-400 mb-1">{{ $post->published_at?->format('d.m.Y') }}</p>
            <h2 class="font-semibold text-lg mb-2">{{ $post->title }}</h2>
        </div>
    </a>
    @empty
    <p class="col-span-2 text-gray-400 text-center py-16">Noch keine Beiträge.</p>
    @endforelse
</div>
<div class="mt-8">{{ $posts->links() }}</div>
@endsection