@extends('layouts.app')

@section('page_title', 'Know Us')
@section('page_subtitle', 'Dedicated to creating a better future for those who need it most.')

@section('content')
<section class="section" style="padding-top: 60px;">
    <div class="container">
        @auth
            <div style="text-align: right; margin-bottom: 30px;">
                <a href="{{ route('admin.page-content.edit', 'about') }}" class="button button-secondary" style="background: #444;">✏️ Edit Page Content</a>
            </div>
        @endauth
        <div style="max-width: 800px; margin: 0 auto; line-height: 1.8; font-size: 1.1rem;">
            <div class="page-grid">
                @foreach(['history', 'mission', 'press'] as $section)
                    @if(isset($contents[$section]))
                        <article>
                            <h2>{{ $contents[$section]->title }}</h2>
                            <p>{{ $contents[$section]->body }}</p>
                        </article>
                    @endif
                @endforeach
            </div>
        </div>
    </div>
</section>
@endsection