@extends('layouts.csa')

@section('content')
    <x-csa.header :title="$communityName" />
    <x-csa.side-menu />

    {{-- NEWS --}}
    <section class="news-section fade-in">
        <div class="news-content">
            <h3>News & Announcement</h3>
            <p class="news-meta">Resident | {{ $createdDate }}</p>
            <p class="news-text">
                {{ $newsText }}
            </p>
        </div>
    </section>

    {{-- PROFILE --}}
    <section class="profile fade-in">
        <img src="{{ asset('assets/csa/images/user.png') }}" class="avatar" alt="Profile">
        <h4 class="profile-name">{{ $residentName }}</h4>
    </section>

    {{-- MENU GRID + ADS + VERSION ikut HTML asal kau --}}
@endsection