@extends('layouts.member')
@section('title', 'お知らせプレビュー')
@section('content')
<div class="alert alert-warning border-warning mb-3">
  <strong>プレビュー表示</strong> — 会員サイトでの見え方を確認しています。未保存の内容の場合は保存前の状態です。
</div>

<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h4 mb-0">お知らせ一覧（プレビュー）</h1>
</div>

<div class="card shadow-sm">
  <div class="list-group list-group-flush">
    <div class="list-group-item">
      <div class="d-flex justify-content-between gap-2">
        <div class="fw-semibold">{{ $previewTitle }}</div>
        <div class="text-muted small">{{ $previewDate }}</div>
      </div>
      @include('member.partials._announcement_body', ['html' => $previewBody, 'class' => 'mt-2'])
    </div>
  </div>
</div>
@endsection