@extends('layouts.app')

@section('title', 'Events | Save the Helpless')

@section('content')
    <h2 class="mt-4 mb-3">Events</h2>
    <div class="row g-4">
        @foreach($events as $event)
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body">
                        <h5>{{ $event->title }}</h5>
                        <p class="text-muted">{{ $event->event_date?->format('M d, Y') }} | {{ $event->location ?? 'Online' }}</p>
                        <p>{{ \Illuminate\Support\Str::limit($event->description, 150) }}</p>
                        <p class="small">Donation goal: ৳{{ number_format($event->donation_goal, 2) }}</p>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
    <div class="mt-4">
        {{ $events->links() }}
    </div>
@endsection