@extends('stylist-theme-saasland::layouts.app')

@php
    $title = 'Blog';
    $description = 'Ideas, guides and updates from our team.';
    $eyebrow = 'Insights';
    $breadcrumbs = ['Blog' => null];
@endphp

@section('content')
    <section class="content-section">
        <div class="wrap">
            <div class="content-grid">
                @forelse($records as $record)
                    <article class="post-card">
                        <div class="post-card-accent"></div>
                        <div class="post-card-body">
                            <span class="post-meta">{{ optional($record->published_at)->format('j F Y') ?: 'Latest article' }}</span>
                            <h2><a href="{{ route('blog.public.show', $record->slug) }}">{{ $record->title }}</a></h2>
                            @if($record->excerpt)<p>{{ $record->excerpt }}</p>@endif
                            <a class="read-more" href="{{ route('blog.public.show', $record->slug) }}">Read article →</a>
                        </div>
                    </article>
                @empty
                    <div class="empty-state">No blog posts have been published yet.</div>
                @endforelse
            </div>
            <div class="theme-pagination">{{ $records->links() }}</div>
        </div>
    </section>
@endsection