@extends('layouts.site')

@section('content')
@php($isAr = $locale === 'ar')
<section class="page-hero">
    <div class="container page-hero-inner reveal">
        <span class="eyebrow">{{ $isAr ? 'ساهم في الخدمات' : 'Contribute Services' }}</span>
        <h1>{{ $isAr ? 'مجالات المساهمة في خدمات البرنامج' : 'Ways to Contribute to Program Services' }}</h1>
        <p>{{ $isAr ? 'يمكن للجهات والأفراد المساهمة في الغذاء والملابس والرعاية الطبية والتأهيل والتمكين.' : 'Organizations and individuals can contribute food, clothing, medical care, rehabilitation, and empowerment support.' }}</p>
    </div>
</section>
<section class="section">
    <div class="container service-grid">
        @foreach ([
            [$isAr ? 'الغذاء والملابس' : 'Food and Clothing', $isAr ? 'دعم الوجبات والملابس ومستلزمات النظافة.' : 'Support meals, clothing, and hygiene supplies.'],
            [$isAr ? 'الرعاية الطبية' : 'Medical Care', $isAr ? 'دعم الفحوصات والعلاجات والأدوية.' : 'Support examinations, treatment, and medication.'],
            [$isAr ? 'التأهيل والأنشطة' : 'Rehabilitation Activities', $isAr ? 'دعم الرياضة والثقافة والمركز الثقافي.' : 'Support sports, culture, and learning activities.'],
            [$isAr ? 'التمكين الاقتصادي' : 'Economic Empowerment', $isAr ? 'دعم مشاريع صغيرة أو فرص عمل للمستفيدين المتعافين.' : 'Support small businesses or jobs for recovered beneficiaries.'],
        ] as $item)
            <article class="service-card reveal">
                <h3>{{ $item[0] }}</h3>
                <p>{{ $item[1] }}</p>
            </article>
        @endforeach
    </div>
</section>
@endsection