@extends('layouts.public')
@section('title','Karwan Welfare Foundation')
@section('content')
<section class="kw-hero"><div class="container"><div class="row align-items-center g-5"><div class="col-lg-7">
<span class="badge badge-soft rounded-pill px-3 py-2 mb-3">Karwan Welfare Foundation</span>
<h1 class="display-3 fw-bold kw-gradient">{{ app()->getLocale()==='ps'?'کاروان خیریه بنسټ':(app()->getLocale()==='fa'?'بنیاد خیریه کاروان':'Together We Bring Hope') }}</h1>
<p class="lead mt-3">{{ app()->getLocale()==='ps'?'خوراکي توکي، لومړنۍ اړتیاوې، طبیعي پېښې، د څښاک اوبه، زده کړه او روغتیا.':(app()->getLocale()==='fa'?'کمک غذایی، نیازهای اولیه، حوادث طبیعی، آب آشامیدنی، آموزش و صحت.':'Food aid, basic needs, disaster response, clean water, education and health.') }}</p>
<div class="d-flex gap-2 flex-wrap mt-4"><a href="{{ route('donate') }}" class="btn btn-kw btn-lg"><i class="fa-regular fa-heart me-2"></i>{{ app()->getLocale()==='ps'?'مرسته وکړئ':(app()->getLocale()==='fa'?'کمک کنید':'Donate Now') }}</a><a href="{{ route('beneficiary.register') }}" class="btn btn-outline-primary btn-lg">{{ app()->getLocale()==='ps'?'د مرستې غوښتنه':(app()->getLocale()==='fa'?'درخواست کمک':'Request Help') }}</a></div>
</div><div class="col-lg-5 text-center"><img class="img-fluid rounded-4 shadow" src="{{ asset('images/karwan-logo.jpg') }}" alt="Karwan Welfare Foundation"></div></div></div></section>
<section class="py-5"><div class="container"><div class="d-flex justify-content-between align-items-end mb-4"><div><div class="text-primary fw-semibold">WHAT WE DO</div><h2 class="section-title">{{ app()->getLocale()==='ps'?'زموږ پروګرامونه':(app()->getLocale()==='fa'?'برنامه‌های ما':'Our Programs') }}</h2></div><a href="{{ route('programs.index') }}">View all</a></div><div class="row g-4">@foreach($programs as $program)<div class="col-md-6 col-lg-4"><a class="text-decoration-none text-dark" href="{{ route('programs.show',$program) }}"><div class="card kw-card h-100 p-4"><div class="kw-icon mb-3"><i class="fa-solid {{ $program->icon ?: 'fa-hand-holding-heart' }}"></i></div><h4>{{ $program->tr('title') }}</h4><p class="text-secondary mb-0">{{ $program->tr('summary') }}</p></div></a></div>@endforeach</div></div></section>
<section class="py-5 bg-white"><div class="container"><div class="row g-5"><div class="col-lg-7"><h2 class="section-title mb-4">{{ app()->getLocale()==='ps'?'وروستي خبرونه':(app()->getLocale()==='fa'?'آخرین اخبار':'Latest Posts') }}</h2><div class="row g-4">@forelse($posts as $post)<div class="col-md-6"><div class="card kw-card h-100">@if($post->image)<img src="{{ Storage::url($post->image) }}" class="card-img-top" style="height:190px;object-fit:cover">@endif<div class="card-body"><small class="text-secondary">{{ optional($post->published_at)->format('M d, Y') }}</small><h5 class="mt-2">{{ $post->tr('title') }}</h5><p>{{ $post->tr('excerpt') }}</p><a href="{{ route('posts.show',$post) }}">Read more</a></div></div></div>@empty<p>No posts yet.</p>@endforelse</div></div><div class="col-lg-5"><h2 class="section-title mb-4">{{ app()->getLocale()==='ps'?'راتلونکې غونډې':(app()->getLocale()==='fa'?'رویدادهای آینده':'Upcoming Events') }}</h2>@forelse($events as $event)<div class="card kw-card mb-3"><div class="card-body"><div class="text-primary fw-bold">{{ $event->starts_at->format('M d, Y · H:i') }}</div><h5 class="mt-2">{{ $event->tr('title') }}</h5><div class="text-secondary"><i class="fa-solid fa-location-dot me-1"></i>{{ $event->tr('venue') }}</div><a class="stretched-link" href="{{ route('events.show',$event) }}"></a></div></div>@empty<p>No upcoming events.</p>@endforelse</div></div></div></section>
<section class="py-5"><div class="container"><div class="card kw-card p-4 p-lg-5 text-center"><h2 class="section-title">{{ app()->getLocale()==='ps'?'ستاسو نظر مهم دی':(app()->getLocale()==='fa'?'نظر شما مهم است':'Your Voice Matters') }}</h2><p class="text-secondary">Help us improve our services and reach people more effectively.</p><div class="d-flex justify-content-center gap-2 flex-wrap"><a href="{{ route('feedback') }}" class="btn btn-outline-primary">Feedback</a><a href="{{ route('beneficiary.register') }}" class="btn btn-kw">Register for Assistance</a></div></div></div></section>
@endsection