@extends('public.layout')

@section('title', 'Blog | GiGi Food Partner')
@section('meta_description', __('Guides and articles for restaurants.'))

@section('content')
@php
  $assetUrl = static function (?string $value): ?string {
      if (! is_string($value) || $value === '') {
          return null;
      }

      if (preg_match('/^(https?:)?\/\//i', $value)) {
          return $value;
      }

      return url($value);
  };
@endphp
<section class="section">
  <div class="container">
    <div class="section-head">
      <div>
        <h1>{{ $settings['blog_index_title'] ?? 'Blog para restaurantes' }}</h1>
        <p>{{ $settings['blog_index_description'] ?? 'Contenido editorial conectado al nuevo panel administrativo.' }}</p>
      </div>
    </div>
    <div class="post-grid">
      @forelse ($posts as $post)
        <article class="post-card card">
          @if ($assetUrl($post->cover_image))
            <div class="card-media">
              <img src="{{ $assetUrl($post->cover_image) }}" alt="{{ $post->title }}" loading="lazy">
            </div>
          @endif
          <div class="body">
            <div class="meta"><span>{{ $post->published_at?->format('d/m/Y') }}</span></div>
            <h3>{{ $post->title }}</h3>
            <p>{{ $post->excerpt ?: \Illuminate\Support\Str::limit(strip_tags($post->content), 150) }}</p>
            <a class="btn btn-secondary" href="{{ route('blog.show', ['locale' => app()->getLocale(), 'slug' => $post->slug]) }}">{{ __('Read article') }}</a>
          </div>
        </article>
      @empty
        <article class="post-card card"><div class="body"><p>{{ __('There are no published posts yet.') }}</p></div></article>
      @endforelse
    </div>
    <div class="pagination">{{ $posts->links() }}</div>
  </div>
</section>
@endsection