@extends('layouts.app')
@php($seoable = $article) @php($seoRoute = 'news.show') @php($seoRouteParameters = ['locale'=>$locale,'slug'=>$translation->slug]) @php($seoAlternateUrls = $localizedSlugs->mapWithKeys(fn($slug,$alternateLocale)=>[$alternateLocale=>route('news.show',['locale'=>$alternateLocale,'slug'=>$slug])])->all()) @php($localeSwitchUrls = $seoAlternateUrls) @php($primaryMedia = $article->featuredMedia)
@section('content')
<main><article><header class="article-header relative overflow-hidden bg-olive pb-12 pt-28 text-cream md:pb-16 md:pt-32"><div class="bg-leaf pointer-events-none absolute inset-0 opacity-[.045]"></div><div class="article-shell article-header-shell relative"><nav class="article-breadcrumb" aria-label="Breadcrumb"><a href="{{ route('home',['locale'=>$locale]) }}">{{ __('news.home') }}</a><span>/</span><a href="{{ route('news',['locale'=>$locale]) }}">{{ __('news.title') }}</a><span>/</span><span aria-current="page">{{ $translation->title }}</span></nav><div class="article-header-content"><div class="article-meta"><span>{{ $article->category?->label() }}</span><time>{{ $article->published_at?->translatedFormat('d F Y') }}</time></div><h1>{{ $translation->title }}</h1><p class="article-lead">{{ $translation->excerpt }}</p></div></div></header>
@if($article->featuredMedia)<figure class="article-hero-image"><img src="{{ $article->featuredMedia->url() }}" alt="{{ $article->featuredMedia->translation($locale)?->alt_text ?? $translation->title }}"></figure>@endif
<div class="article-rich-content">@foreach(preg_split('/\R{2,}/u', trim((string) $translation->body)) as $paragraph) @if($paragraph !== '')<p>{!! nl2br(e($paragraph)) !!}</p>@endif @endforeach</div><div class="article-shell article-back-wrap"><a class="article-back" href="{{ route('news',['locale'=>$locale]) }}"><svg class="rtl-flip" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.65"><path d="m14 6-6 6 6 6"/></svg>{{ __('news.back') }}</a></div></article>
@if($article->relatedArticles->isNotEmpty())<section class="bg-cream py-20 md:py-28"><div class="container-page"><p class="eyebrow">{{ __('news.related') }}</p><h2 class="display-xl mt-4">{{ __('news.continue_reading') }}</h2><div class="news-grid article-related-grid mt-12">@foreach($article->relatedArticles as $related) @php($relatedTranslation=$related->translation($locale))<article class="news-card group"><div class="news-card-image overflow-hidden">@if($related->featuredMedia)<img class="h-full w-full object-cover" src="{{ $related->featuredMedia->url() }}" alt="{{ $relatedTranslation->title }}">@endif</div><div class="news-card-content"><div class="news-meta"><span>{{ $related->category?->label() }}</span><time>{{ $related->published_at?->translatedFormat('d F Y') }}</time></div><h3>{{ $relatedTranslation->title }}</h3><p>{{ $relatedTranslation->excerpt }}</p><a class="news-read-more" href="{{ route('news.show',['locale'=>$locale,'slug'=>$relatedTranslation->slug]) }}">{{ __('news.read_more') }}</a></div></article>@endforeach</div></div></section>@endif
</main>
@endsection