@extends('layouts.app')

@section('title','Donation Projects')

@section('content')
    <h2 class="mt-4 mb-3">Donation Projects</h2>
    <div class="row g-4">
        @foreach($projects as $project)
            <div class="col-md-4">
                <div class="card h-100">
                    <div class="card-body">
                        <h5>{{ $project->title }}</h5>
                        <p>{{ \Illuminate\Support\Str::limit($project->description, 130) }}</p>
                        <p class="mb-1 small text-muted">Goal: ৳{{ number_format($project->goal_amount,2) }}</p>
                        <p class="mb-1 small text-muted">Raised: ৳{{ number_format($project->raised_amount,2) }}</p>
                        <a href="{{ route('donations') }}" class="btn btn-primary btn-sm">Donate to This Project</a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endsection