@extends('site.layout')

@php
    $donateUi = [
        'ps' => ['kicker' => 'مرسته او صدقات', 'title' => 'د وړيا تعليم د دوام لپاره د خير دروازه', 'intro' => 'جامعه په ټولو څانګو کې تعليمي فيس نه اخلي. د مرستې معلومات او شفاف راپورونه دلته فعالېږي.', 'items' => [['تعليم', 'د يوه طالب تعليمي ملاتړ', 'کتاب، درس، تکرار، استاد او ورځنی تعليمي نظم.'], ['ليليه', 'خوراک او استوګنځی', 'د ليليه طالبانو لپاره منظم سهولتونه.'], ['خدمت', 'کلينيک او تجهيزات', 'روغتيايي خدمتونه، کمپيوټر، لابراتوار او ټولګي.']]],
        'fa' => ['kicker' => 'کمک و صدقات', 'title' => 'دروازه خیر برای دوام تعلیم رایگان', 'intro' => 'جامعه در هیچ بخش آموزشی فیس نمی‌گیرد. معلومات کمک و گزارش‌های شفاف در اینجا فعال می‌شود.', 'items' => [['تعلیم', 'حمایت آموزشی یک طالب', 'کتاب، درس، تکرار، استاد و نظم روزانه.'], ['لیلیه', 'غذا و اقامت', 'سهولت‌های منظم برای طالبان لیلیه.'], ['خدمت', 'کلینیک و تجهیزات', 'خدمات صحی، کمپیوتر، لابراتوار و صنف‌ها.']]],
        'ar' => ['kicker' => 'تبرعات وصدقات', 'title' => 'باب خير لاستمرار التعليم المجاني', 'intro' => 'لا تأخذ الجامعة رسوما تعليمية في أي قسم. ستفعل هنا معلومات التبرع والتقارير الشفافة.', 'items' => [['تعليم', 'دعم تعليم طالب', 'كتاب ودرس ومراجعة وأستاذ ونظام يومي.'], ['سكن', 'طعام وإقامة', 'مرافق منظمة لطلاب السكن.'], ['خدمة', 'عيادة وتجهيزات', 'خدمات صحية وحاسوب ومختبر وفصول.']]],
        'en' => ['kicker' => 'Donate', 'title' => 'A door of charity for free education', 'intro' => 'The Jamia does not charge tuition in any department. Donation details and transparent reports can be activated here.', 'items' => [['Education', 'Support one student', 'Books, lessons, revision, teachers, and daily order.'], ['Boarding', 'Food and residence', 'Organized facilities for boarding students.'], ['Service', 'Clinic and equipment', 'Healthcare, computers, laboratory, and classrooms.']]],
    ][$currentLocale ?? 'ps'];
    $donateImages = ['study-hall.jpg', 'residence.jpg', 'classroom.jpg'];
@endphp

@section('title', $donateUi['kicker'] . ' | ' . $ui['brand'])

@section('content')
    <section class="page-hero">
        <div class="container page-hero__grid">
            <div>
                <span class="section-kicker">{{ $donateUi['kicker'] }}</span>
                <h1>{{ $donateUi['title'] }}</h1>
                <p>{{ $donateUi['intro'] }}</p>
            </div>
            <figure class="page-hero__media">
                <img src="{{ asset('images/madrasa/optimized/residence.jpg') }}" alt="{{ $donateUi['title'] }}">
            </figure>
        </div>
    </section>

    <section class="section-pad">
        <div class="container donate-grid">
            @foreach ($donateUi['items'] as [$type, $title, $caption])
                <article>
                    <figure class="donate-grid__media">
                        <img src="{{ asset('images/madrasa/optimized/' . $donateImages[$loop->index % count($donateImages)]) }}" alt="{{ $title }}" loading="lazy">
                    </figure>
                    <span>{{ $type }}</span>
                    <h2>{{ $title }}</h2>
                    <p>{{ $caption }}</p>
                </article>
            @endforeach
        </div>
    </section>
@endsection
