@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

<section class="page-hero">
    <div class="container page-hero-inner reveal">
        <span class="eyebrow">NPCSH</span>
        <h1>{{ $page?->{$titleField} ?? ($isAr ? 'من نحن' : 'About') }}</h1>
        <p>{{ $page?->{$excerptField} }}</p>
    </div>
</section>

<section class="section">
    <div class="container split">
        <div class="prose reveal">
            <div>{!! $page?->{$bodyField} !!}</div>
            <p>{{ $isAr ? 'يركز البرنامج على الرعاية الإنسانية المتخصصة التي تجمع بين السلامة والعلاج والتأهيل والتمكين، مع احترام كرامة المستفيد وحماية خصوصيته.' : 'The program focuses on specialized humanitarian care that combines safety, treatment, rehabilitation, and empowerment while respecting beneficiary dignity and privacy.' }}</p>
        </div>
        <div class="image-panel reveal">
            <img src="{{ \App\Support\MediaUrl::to($page?->hero_image ?? 'media/صور من المركز/0K6A9138.JPG.jpeg') }}" alt="">
        </div>
    </div>
</section>
@endsection