@extends('layouts.app')

@section('title', 'Funding Opportunities')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-1">Funding Opportunities</h1>
        </div>
        <a href="{{ route('home') }}" class="btn btn-outline-secondary">Back to Home</a>
    </div>

    @if($fundingOpportunities->count() > 0)
        <div class="row">
            @foreach($fundingOpportunities as $funding)
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card h-100 shadow-sm">
                        <div class="card-body d-flex flex-column">
                            <h5 class="card-title badge bg-primary mb-2">{{ $funding->title }}</h5>
                            <p class="text-muted mb-2">{{ $funding->organization }}</p>
                            <p class="card-text flex-grow-1">{{ \Illuminate\Support\Str::limit($funding->summary, 120) }}</p>
                            <div class="mt-auto d-flex justify-content-between align-items-center">
                                @if($funding->deadline)
                                    <span class="badge bg-warning text-dark">
                                        Deadline: {{ \Carbon\Carbon::parse($funding->deadline)->format('M d, Y') }}
                                    </span>
                                @endif
                                <a href="{{ route('funding.show', $funding) }}" class="btn btn-outline-primary btn-sm">Details</a>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        <div class="d-flex justify-content-center">
            {{ $fundingOpportunities->links() }}
        </div>
    @else
        <div class="alert alert-info">No funding opportunities available right now.</div>
    @endif
</div>
@endsection