@extends('layouts.public')
@section('title', 'PLOCAL Blog')
@section('description', 'Practical ideas, insights, and stories for stronger local businesses.')
@section('robots', 'index, follow')
@section('canonical', config('plocal.public_url').'/blog')
@section('image', config('plocal.public_url').'/assets/img/og-meta/plocal-blog.png')
@push('styles')<link rel="stylesheet" href="/assets/css/pages/blog.css">@endpush
@section('content')
@include('public.partials.site-header')
<main id="main-content">
    <section class="plocal-blog-section py-120" aria-labelledby="blog-index-title"><div class="container plocal-blog-reading"><nav class="plocal-blog-breadcrumb" aria-label="Breadcrumb"><ol><li><a href="/">Home</a></li><li aria-current="page">PLOCAL Blog</li></ol></nav><p class="plocal-blog-eyebrow">PLOCAL Blog</p><h1 id="blog-index-title">Ideas for stronger local businesses</h1><p class="plocal-blog-excerpt" style="margin:18px auto 0;text-align:center">Practical perspective on credibility, visibility, and customer readiness.</p></div></section>
    <section class="plocal-blog-section py-120"><div class="container">
        @if($articles->isEmpty())<div class="plocal-blog-empty"><p>PLOCAL articles will appear here once published.</p></div>@else
            <div class="plocal-blog-grid">@foreach($articles as $article)<article class="plocal-blog-card">
                <div class="plocal-blog-card-media">@if($article['cover_image_url'])<img src="{{ $article['cover_image_url'] }}" alt="{{ $article['cover_image_alt'] ?? '' }}" loading="lazy">@else<span class="plocal-blog-fallback">PLOCAL</span>@endif</div>
                <div class="plocal-blog-card-body"><div class="plocal-blog-meta"><time datetime="{{ $article['published_at'] }}">{{ \Illuminate\Support\Carbon::parse($article['published_at'])->format('M j, Y') }}</time>@if($article['is_featured'])<span class="plocal-blog-badge">Featured</span>@endif</div><h2><a href="{{ route('blog.show', $article['slug']) }}">{{ $article['title'] }}</a></h2><p>{{ $article['excerpt'] }}</p><a class="plocal-blog-link" href="{{ route('blog.show', $article['slug']) }}">Read article <i class="far fa-arrow-right" aria-hidden="true"></i></a></div>
            </article>@endforeach</div><div class="plocal-pagination">{{ $articles->links() }}</div>
        @endif
    </div></section>
</main>
@section('footer-note', 'PLOCAL Blog is separate from Business Evaluation, Recognition, Voting, and Award decisions.')
@include('public.partials.site-footer')
@endsection