@extends('public.layout')

@section('title', ($post->meta_title ?: $post->title) . ' | GiGi Food Partner')
@section('meta_description', $post->meta_description ?: ($post->excerpt ?: \Illuminate\Support\Str::limit(strip_tags($post->content), 155)))

@section('content')
@php
  $coverImage = null;

  if (is_string($post->cover_image) && $post->cover_image !== '') {
      $coverImage = preg_match('/^(https?:)?\/\//i', $post->cover_image) ? $post->cover_image : url($post->cover_image);
  }
@endphp
<section class="section">
  <div class="container two-col">
    <article class="section-card card article">
      @if ($coverImage)
        <div class="card-media" style="margin: -1.5rem -1.5rem 1.5rem;">
          <img src="{{ $coverImage }}" alt="{{ $post->title }}" loading="eager">
        </div>
      @endif
      <div class="meta">
        <span>{{ $post->published_at?->format('d/m/Y H:i') }}</span>
        <span>Blog</span>
      </div>
      <h1>{{ $post->title }}</h1>
      @if ($post->excerpt)
        <p>{{ $post->excerpt }}</p>
      @endif
      {!! $htmlContent !!}
    </article>
    <aside class="section-card card">
      <h3>{{ __('More articles') }}</h3>
      <ul class="list">
        @forelse ($relatedPosts as $related)
          <li><a href="{{ route('blog.show', ['locale' => app()->getLocale(), 'slug' => $related->slug]) }}">{{ $related->title }}</a></li>
        @empty
          <li>{{ __('There are no more articles.') }}</li>
        @endforelse
      </ul>
    </aside>
  </div>
</section>
@endsection