@extends('task.layout')
@section('content')
<div class="container mt-4">

  {{-- タイトル --}}
  <div class="mb-4">
    <p class="text-muted small mb-1">ルーブリック名 / 項目名</p>
    <h4 class="fw-bold">
      {{ $task->context_title }} {{ $task->title }}
      <span class="fs-5 ms-3">評価者一覧</span>
    </h4>
  </div>

  {{-- 集計情報（仮） --}}
  <div class="mb-4 text-danger">
    <p>集計情報（<span class="fw-bold">集計情報として何を表示するか検討要</span>）</p>
    <ul>
      <li>評価回数：被評価者数 × 評価者数</li>
      <li>良い点（平均文字数、最大文字数）</li>
      <li>改善点（平均文字数、最大文字数）</li>
    </ul>
  </div>

  {{-- 評価者一覧表 --}}
  <div class="card mb-4">
    <div class="card-header d-flex justify-content-between fs-5">
      <strong>評価者一覧</strong>
    </div>
    <div class="card-body">
      <table class="table table-bordered text-center">
        <thead class="table-light">
          <tr>
            <th>No.</th>
            <th>評価者名</th>
            <th>被評価</th>
            <th>ブース</th>
            <th>評価数</th>
            <th>更新日時</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($reviewers as $index => $user)
            <tr>
              <td>{{ $index + 1 }}</td>
              <td>
                <a href="{{ route('review.list', ['taskid' => $task->id, 'userid' => $user->id]) }}">
                  {{ $user->reviewer_name }}
                </a>
              </td>
              <td>
                @if ($user->is_reviewee && !$task->group_presentation) <a href="{{ route('reviewed.list', ['taskid' => $task->id, 'userid' => $user->id, 'from' => 'reviewer']) }}">○</a>
                @elseif ($user->is_reviewee && $task->group_presentation) ○
                @else × 
                @endif
              </td>
              <td>{{ $user->booth_name ?? '―' }}</td>
              <td>{{ $user->review_count ?? '―' }}</td>
              <td>{{ \Carbon\Carbon::parse($user->updated_at)->format('Y/m/d H:i') }}</td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>

  <div class="d-flex justify-content-between align-items-center mt-3 mb-3">
    {{-- 備考 --}}
    <div class="small text-muted">
      ※ クラス全員（TAを含む）を表示します。<br>
      ※ 氏名をクリックするとその人の評価結果へ、○をクリックすると被評価結果へ。
    </div>
    {{-- 戻る --}}
    <div>
      <a href="{{ $from === 'booth-overview' ? route('booth.show', [$task->id, $fromboothid]) : route('task.overview', $task->id) }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left"></i> 戻る
      </a>
    </div>
  </div>
@endsection

@push('scripts')
<script>
  document.addEventListener('DOMContentLoaded', function () {
    // URLから遷移元情報の引数を削除
    const url = new URL(window.location);
    if (url.searchParams.has('boothid')) {
      url.searchParams.delete('boothid');
      window.history.replaceState({}, '', url.pathname);
    }
    if (url.searchParams.has('from')) {
      url.searchParams.delete('from');
      window.history.replaceState({}, '', url.pathname);
    }
  });
</script>
@endpush