@extends('layouts.site')

@section('content')
@php
    $isAr = $locale === 'ar';
    $nameField = $isAr ? 'name_ar' : 'name_en';
    $descriptionField = $isAr ? 'description_ar' : 'description_en';
    $instructionsField = $isAr ? 'instructions_ar' : 'instructions_en';
@endphp
<section class="page-hero">
    <div class="container page-hero-inner reveal">
        <span class="eyebrow">{{ $isAr ? 'تبرع' : 'Donate' }}</span>
        <h1>{{ $isAr ? 'ساهم في استمرار الرعاية والإيواء والتأهيل' : 'Support Continued Care, Shelter, and Rehabilitation' }}</h1>
        <p>{{ $isAr ? 'يمكن تشغيل أو إيقاف وسائل التبرع وتعديل بياناتها من لوحة التحكم.' : 'Donation methods can be enabled, disabled, and edited from the dashboard.' }}</p>
    </div>
</section>
<section class="section">
    <div class="container content-grid">
        @foreach ($methods as $method)
            <article class="donation-card reveal">
                <h3>{{ $method->{$nameField} }}</h3>
                <p>{{ $method->{$descriptionField} }}</p>
                @if ($method->account_number)
                    <strong>{{ $method->account_number }}</strong>
                @endif
                <p>{{ $method->{$instructionsField} }}</p>
            </article>
        @endforeach
    </div>
</section>
@endsection