@extends('layouts.app')

@section('page_title', 'Join Us')
@section('page_subtitle', 'Be a part of the change. Volunteer, partner, or join our professional team.')

@section('content')
<section class="section">
    <div class="container">
        @auth
            <div style="text-align: right; margin-bottom: 30px;">
                <a href="{{ route('admin.page-content.edit', 'join') }}" class="button button-secondary" style="background: #444;">✏️ Edit Page Content</a>
            </div>
        @endauth
        <div class="page-grid">
            @foreach(['team', 'volunteer'] as $section)
                @if(isset($contents[$section]))
                    <article>
                        <h2>{{ $contents[$section]->title }}</h2>
                        <p>{{ $contents[$section]->body }}</p>
                    </article>
                @endif
            @endforeach
        </div>
    </div>
</section>
@endsection