@extends('layouts.app')
@section('title', 'Notice Board')
@section('content')
<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;">
        <h2 style="font-size:17px;color:#0b4f2c;">Notice Board</h2>
        <button style="background:#0b4f2c;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:12.5px;cursor:pointer;">+ Post Notice</button>
    </div>
    @forelse($notices as $notice)
        <div style="border:1px solid #eee;border-radius:8px;padding:14px;margin-bottom:10px;">
            <div style="display:flex;justify-content:space-between;">
                <strong style="color:#0b4f2c;">{{ $notice->title }}</strong>
                <span style="font-size:11px;color:#999;text-transform:capitalize;">{{ $notice->audience }}</span>
            </div>
            <p style="font-size:13px;color:#555;margin-top:6px;">{{ \Illuminate\Support\Str::limit($notice->body, 150) }}</p>
            <div style="font-size:11px;color:#999;margin-top:6px;">{{ $notice->published_at ? $notice->published_at->format('d M, Y') : 'Draft' }}</div>
        </div>
    @empty
        <p style="color:#999;font-size:13px;text-align:center;padding:20px 0;">No notices posted yet.</p>
    @endforelse
    {{ $notices->links() ?? '' }}
</div>
@endsection