@extends('layouts.app')
@section('title', $course->name . ' — コメント')
@section('page-title', $course->name)
@section('page-subtitle-heading', '【この画面でできること】')
@section('page-subtitle')
受講生がレッスンに投稿したコメントの確認・返信・表示/非表示・削除を行います。
@endsection
@section('content')
@include('site.course.partials._workspace_toolbar')

@if(session('success'))
  <div class="alert alert-success py-2">{{ session('success') }}</div>
@endif

@php
  $modeLabels = \App\Support\BundleCourseComments::modeLabels();
  $modeLabel = $modeLabels[$commentsMode] ?? $commentsMode;
@endphp

<div class="d-flex flex-wrap gap-2 align-items-center justify-content-between mb-3">
  <div class="small text-muted">
    コメント機能: <strong>{{ $modeLabel }}</strong>
    @if($commentsMode === 'disabled')
      <span class="text-warning-emphasis">— <a href="{{ route('site.course.workspace.show', [$site, $course, 'settings']) }}#lesson-defaults-settings">コース基本設定</a>で有効にしてください。</span>
    @endif
    @if(($unrepliedCount ?? 0) > 0)
      <span class="badge bg-warning text-dark ms-1">未返信 {{ $unrepliedCount }} 件</span>
    @endif
  </div>
  <a href="{{ route('site.course.workspace.show', [$site, $course, 'settings']) }}#lesson-defaults-settings" class="btn btn-outline-secondary btn-sm">コメント設定を開く</a>
</div>

@if($commentsMode === 'disabled')
  <div class="alert alert-warning mb-0">
    このコースではコメント機能がオフです。受講生の投稿・返信は行われません。
  </div>
@elseif($comments->isEmpty())
  <div class="card">
    <div class="card-body text-muted text-center py-5">
      まだコメントはありません。コメントを有効にしたレッスンで、受講生が投稿するとここに表示されます。
    </div>
  </div>
@else
  <div class="card">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead class="table-light">
          <tr>
            <th style="min-width:140px">日時</th>
            <th style="min-width:120px">レッスン</th>
            <th style="min-width:100px">投稿者</th>
            <th>コメント</th>
            <th style="min-width:200px">運営返信</th>
            <th class="text-end" style="width:120px">操作</th>
          </tr>
        </thead>
        <tbody>
          @foreach($comments as $comment)
            <tr class="{{ ! $comment->is_visible ? 'table-secondary' : '' }}">
              <td class="small text-muted text-nowrap">
                {{ $comment->created_at?->timezone(config('app.timezone'))->format('Y-m-d H:i') }}
              </td>
              <td class="small">
                @if($comment->lesson)
                  <div class="fw-semibold">{{ $comment->lesson->name }}</div>
                  <div class="text-muted">{{ $comment->lesson->course?->name }}</div>
                @else
                  —
                @endif
              </td>
              <td class="small">{{ $comment->author_name ?: '—' }}</td>
              <td>
                <div class="small" style="white-space:pre-wrap;">{{ $comment->body }}</div>
                @if(! $comment->is_visible)
                  <span class="badge bg-warning text-dark mt-1">承認待ち / 非表示</span>
                @endif
              </td>
              <td>
                <form method="POST" action="{{ route('site.course.comments.reply', [$site, $course, $comment]) }}" class="small">
                  @csrf @method('PUT')
                  <div class="mb-2">
                    <input type="text" name="admin_reply_author_name" class="form-control form-control-sm" maxlength="100"
                      value="{{ old('admin_reply_author_name.'.$comment->id, $comment->admin_reply_author_name ?: $defaultReplyName) }}"
                      placeholder="返信者名">
                  </div>
                  <textarea name="admin_reply" class="form-control form-control-sm mb-2" rows="3" maxlength="2000" placeholder="返信内容">{{ old('admin_reply.'.$comment->id, $comment->admin_reply) }}</textarea>
                  <div class="form-check mb-2">
                    <input type="hidden" name="is_visible" value="0">
                    <input class="form-check-input" type="checkbox" name="is_visible" value="1" id="visible-{{ $comment->id }}" @checked(old('is_visible.'.$comment->id, $comment->is_visible))>
                    <label class="form-check-label" for="visible-{{ $comment->id }}">会員に表示</label>
                  </div>
                  <button type="submit" class="btn btn-primary btn-sm">返信を保存</button>
                  @if($comment->admin_replied_at)
                    <div class="text-muted mt-1">返信日時: {{ $comment->admin_replied_at->timezone(config('app.timezone'))->format('Y-m-d H:i') }}</div>
                  @endif
                </form>
              </td>
              <td class="text-end text-nowrap">
                <form method="POST" action="{{ route('site.course.comments.destroy', [$site, $course, $comment]) }}" class="d-inline" onsubmit="return confirm('このコメントを削除しますか？')">
                  @csrf @method('DELETE')
                  <button type="submit" class="btn btn-outline-danger btn-sm">削除</button>
                </form>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
    @if($comments->hasPages())
      <div class="card-footer">{{ $comments->withQueryString()->links() }}</div>
    @endif
  </div>
@endif
@endsection