@extends('layouts.app')
@section('title', $site->name . ' - お知らせ管理')
@section('page-title', $site->name . ' - お知らせ管理')
@section('page-subtitle-heading', '【この画面でできること】')
@section('page-subtitle')
受講生のマイページに表示するお知らせを作成・編集します。公開対象は「全体」または「指定したコースの登録者」、公開期間は開始・終了日時で制御できます。
@endsection
@section('content')
<div class="d-flex justify-content-end mb-3">
  <a href="{{ route('site.announcements.create', $site) }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>追加</a>
</div>

<div class="card">
  <div class="table-responsive">
    <table class="table table-hover align-middle mb-0">
      <thead class="table-light">
        <tr>
          <th class="ps-4">タイトル</th>
          <th style="min-width:10rem;max-width:14rem;">公開対象</th>
          <th style="min-width:12rem;max-width:22rem;">本文（抜粋）</th>
          <th class="text-nowrap" style="width:9rem;">公開開始</th>
          <th class="text-nowrap" style="width:9rem;">公開終了</th>
          <th class="text-nowrap" style="width:6rem;">状態</th>
          <th class="text-end text-nowrap pe-4" style="width:11rem;">操作</th>
        </tr>
      </thead>
      <tbody>
        @forelse($announcements as $announcement)
          @php
            $bodyPlain = trim(html_entity_decode(
              strip_tags(str_replace(['<br>', '<br/>', '<br />'], ' ', (string) ($announcement->body ?? ''))),
              ENT_QUOTES | ENT_HTML5,
              'UTF-8'
            ));
            $bodyExcerpt = \Illuminate\Support\Str::limit($bodyPlain, 50);
          @endphp
          <tr>
            <td class="ps-4">
              <a href="{{ route('site.announcements.edit', [$site, $announcement]) }}" class="fw-semibold text-decoration-none">
                {{ $announcement->title }}
              </a>
            </td>
            <td class="small">{{ $announcement->audienceLabel() }}</td>
            <td class="small text-muted text-truncate" style="max-width:22rem;" title="{{ $bodyPlain }}">
              {{ $bodyExcerpt !== '' ? $bodyExcerpt : '—' }}
            </td>
            <td class="small text-nowrap">{{ $announcement->published_at?->format('Y/m/d H:i') ?: '未設定' }}</td>
            <td class="small text-nowrap">{{ $announcement->published_ends_at?->format('Y/m/d H:i') ?: '—' }}</td>
            <td>
              <span class="badge {{ $announcement->status === 'published' ? 'bg-success' : 'bg-secondary' }}">
                {{ $announcement->status === 'published' ? '公開' : '下書き' }}
              </span>
            </td>
            <td class="text-end pe-4">
              <div class="d-inline-flex flex-nowrap gap-1 justify-content-end">
                <a href="{{ route('site.announcements.preview.show', [$site, $announcement]) }}" class="btn btn-sm btn-outline-secondary text-nowrap" title="プレビュー" target="_blank" rel="noopener">
                  <i class="bi bi-eye"></i><span class="ms-1 d-none d-xl-inline">プレビュー</span>
                </a>
                <a href="{{ route('site.announcements.edit', [$site, $announcement]) }}" class="btn btn-sm btn-outline-primary text-nowrap" title="編集">
                  <i class="bi bi-pencil"></i><span class="ms-1">編集</span>
                </a>
                <form method="POST" action="{{ route('site.announcements.destroy', [$site, $announcement]) }}" class="d-inline" onsubmit="return confirm('このお知らせを削除しますか？')">
                  @csrf @method('DELETE')
                  <button type="submit" class="btn btn-sm btn-outline-danger text-nowrap" title="削除">
                    <i class="bi bi-trash"></i><span class="ms-1">削除</span>
                  </button>
                </form>
              </div>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="7" class="text-center text-muted py-5">お知らせがありません。「追加」から作成してください。</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection