@extends('layouts.app')

@section('title', 'About Save the Helpless')
@section('content')
    <div class="my-4">
        <h2>About Save the Helpless</h2>
        <p>Save the Helpless is a grassroots initiative dedicated to serving Bangladesh’s most vulnerable communities. We focus on providing food, shelter, medicines, educational materials, and emotional support to those without a safety net.</p>
        <div class="row my-4">
            <div class="col-md-4">
                <h5>Mission</h5>
                <p>{{ $settings->firstWhere('key', 'mission_statement')->value ?? 'Deliver relief and hope by mobilizing donations and volunteers.' }}</p>
            </div>
            <div class="col-md-4">
                <h5>Vision</h5>
                <p>{{ $settings->firstWhere('key', 'vision_statement')->value ?? 'Create a network of lifelong donors committed to ending helplessness.' }}</p>
            </div>
            <div class="col-md-4">
                <h5>History</h5>
                <p>{{ $settings->firstWhere('key', 'history_notes')->value ?? 'Founded by volunteers with a background in social work and education.' }}</p>
            </div>
        </div>

        <h4>Latest Notices</h4>
        <div class="list-group">
            @foreach($notices as $notice)
                <div class="list-group-item">
                    <strong>{{ $notice->title }}</strong>
                    <p class="mb-1">{{ $notice->message }}</p>
                    <small class="text-muted">{{ $notice->starts_at?->format('M d, Y') }} - {{ $notice->ends_at?->format('M d, Y') }}</small>
                </div>
            @endforeach
        </div>
    </div>
@endsection