@extends('layouts.site')

@section('content')
@php
    $isAr = $locale === 'ar';
    $nameField = $isAr ? 'name_ar' : 'name_en';
    $titleField = $isAr ? 'title_ar' : 'title_en';
    $bioField = $isAr ? 'bio_ar' : 'bio_en';
@endphp
<section class="page-hero">
    <div class="container page-hero-inner reveal">
        <span class="eyebrow">{{ $isAr ? 'القيادة والكوادر' : 'Leadership and Teams' }}</span>
        <h1>{{ $isAr ? 'إدارة متخصصة وكفاءات مهنية' : 'Specialized Management and Professional Teams' }}</h1>
        <p>{{ $isAr ? 'يقود البرنامج فريق يجمع بين الخبرة الإدارية والطبية والنفسية والاجتماعية.' : 'The program is led by a team that combines administrative, medical, psychiatric, and social expertise.' }}</p>
    </div>
</section>
<section class="section">
    <div class="container people-grid people-grid-large">
        @foreach ($leaders as $leader)
            <article class="person-card reveal">
                <img src="{{ \App\Support\MediaUrl::to($leader->image) }}" alt="{{ $leader->{$nameField} }}">
                <div>
                    <h3>{{ $leader->{$nameField} }}</h3>
                    <p class="person-title">{{ $leader->{$titleField} }}</p>
                    <p>{{ $leader->{$bioField} }}</p>
                </div>
            </article>
        @endforeach
    </div>
</section>
@endsection