@extends('layouts.member')
@section('title', 'お知らせ一覧')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h4 mb-0">お知らせ一覧</h1>
  <a href="{{ member_portal_route('member.dashboard', ['slug' => $site->slug]) }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-arrow-left"></i> 戻る</a>
</div>

@if(($announcements ?? collect())->isEmpty())
  <div class="alert alert-light border">お知らせはありません。</div>
@else
  <div class="card shadow-sm">
    <div class="list-group list-group-flush">
      @foreach($announcements as $announcement)
        <div class="list-group-item">
          <div class="d-flex justify-content-between gap-2">
            <div class="fw-semibold">{{ $announcement->title }}</div>
            <div class="text-muted small">{{ $announcement->published_at?->format('Y/m/d') }}</div>
          </div>
          @if($announcement->body)
            @include('member.partials._announcement_body', ['html' => $announcement->body, 'class' => 'mt-2'])
          @endif
        </div>
      @endforeach
    </div>
  </div>
@endif
@endsection