@extends('layouts.public')

@section('title', $lang === 'en' ? 'Programs - NowJoan' : 'কর্মসূচি - নওজোয়ান')

@section('content')
@php $label = fn ($bn, $en) => $lang === 'en' ? $en : $bn; @endphp
<section class="py-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-[var(--cream)] to-white">
    <div class="max-w-7xl mx-auto">
        <div class="mb-12">
            <a href="{{ route('home', $lang === 'en' ? ['lang' => 'en'] : []) }}" class="text-[var(--primary-green)] hover:text-[var(--primary-red)] smooth-transition">{{ $label('← ফিরে যান', '← Back') }}</a>
        </div>
        <div class="text-center mb-16">
            <h1 class="text-[var(--primary-green)] mb-4">{{ $label('সম্পূর্ণ কর্মসূচি', 'All Programs') }}</h1>
            <p class="text-xl text-[var(--light-text)] max-w-3xl mx-auto">{{ $label('বাস্তবসম্মত কর্মপরিকল্পনা দিয়ে মানুষের জীবনমান উন্নয়নে আমাদের অঙ্গীকার।', 'Our commitment to improving lives through practical programs.') }}</p>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
            @foreach($programs as $program)
                @php $red = $program->color === 'primary-red'; $points = $lang === 'en' ? $program->points_en : $program->points; @endphp
                <article class="bg-white rounded-3xl p-8 shadow-md hover:shadow-xl smooth-transition">
                    <h3 class="{{ $red ? 'text-[var(--primary-red)]' : 'text-[var(--primary-green)]' }}">{{ $lang === 'en' ? $program->title_en : $program->title }}</h3>
                    <p class="text-sm text-[var(--gold)] mb-6">{{ $lang === 'en' ? $program->subtitle_en : $program->subtitle }}</p>
                    <ul class="space-y-3">
                        @foreach($points as $point)
                            <li class="flex gap-3 text-[var(--light-text)]"><span class="{{ $red ? 'text-[var(--primary-red)]' : 'text-[var(--primary-green)]' }}">•</span>{{ $point }}</li>
                        @endforeach
                    </ul>
                </article>
            @endforeach
        </div>
    </div>
</section>
@endsection