@extends('layouts.site')

@section('content')
@php
    $isAr = $locale === 'ar';
    $titleField = $isAr ? 'title_ar' : 'title_en';
    $excerptField = $isAr ? 'excerpt_ar' : 'excerpt_en';
    $bodyField = $isAr ? 'body_ar' : 'body_en';
@endphp
<article>
    <section class="page-hero">
        <div class="container page-hero-inner reveal">
            <span class="eyebrow">NPCSH</span>
            <h1>{{ $post->{$titleField} }}</h1>
            <p>{{ $post->{$excerptField} }}</p>
        </div>
    </section>
    <section class="section">
        <div class="container article-layout">
            <img class="article-image reveal" src="{{ \App\Support\MediaUrl::to($post->image) }}" alt="{{ $post->{$titleField} }}">
            <div class="prose reveal">
                <div>{!! $post->{$bodyField} !!}</div>
                @if ($post->external_url)
                    <p><a class="btn btn-soft" href="{{ $post->external_url }}" target="_blank" rel="noopener">{{ $isAr ? 'فتح الرابط الخارجي' : 'Open external link' }}</a></p>
                @endif
            </div>
        </div>
    </section>
</article>
@endsection