@extends('layouts.site')

@section('content')
@php
    $isAr = $locale === 'ar';
    $nameField = $isAr ? 'name_ar' : 'name_en';
    $summaryField = $type === 'projects' ? ($isAr ? 'summary_ar' : 'summary_en') : ($isAr ? 'description_ar' : 'description_en');
@endphp
<section class="page-hero">
    <div class="container page-hero-inner reveal">
        <span class="eyebrow">NPCSH</span>
        <h1>{{ $title }}</h1>
        <p>{{ $intro }}</p>
    </div>
</section>
<section class="section">
    <div class="container content-grid">
        @foreach ($items as $item)
            <article class="content-card reveal">
                <img src="{{ \App\Support\MediaUrl::to($item->image) }}" alt="{{ $item->{$nameField} }}">
                <div>
                    <h3>{{ $item->{$nameField} }}</h3>
                    <p>{{ $item->{$summaryField} }}</p>
                    @if ($type === 'centers' && $item->is_main)
                        <span class="tag">{{ $isAr ? 'المركز الرئيسي الحالي' : 'Current main center' }}</span>
                    @endif
                </div>
            </article>
        @endforeach
    </div>
</section>
@endsection