@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 }} - @if ($booth) {{ $booth->name }} @else クラス全体 @endif
      <span class="fs-5 ms-3">ブース評価活動概要</span>
    </h4>
  </div>

  {{-- 保存完了メッセージ --}}
  @if (session('success'))
    <div class="alert alert-success">
      {{ session('success') }}
    </div>
  @endif
  
  {{-- ステータス --}}
  <div class="d-flex justify-content-between align-items-center flex-wrap mb-3">
    <p class="mb-0 me-4"><strong>相互評価ステータス：</strong>
      <span class="badge bg-primary fs-6 px-3 py-2">{{ $statusOptions[$task->status] ?? '未設定' }}</span>
    </p>
  </div>

  {{-- 集計情報 --}}
  <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
    <div class="text-danger">
      <p>集計情報（集計情報として何を表示するか検討要）</p>
      <ul>
        <li>登録数：{{ $members->count() }}人</li>
        <li>良い点（平均文字数・最大文字数）</li>
        <li>改善点（平均文字数・最大文字数）</li>
      </ul>
    </div>

    @if ($booth) 
      <a href="{{ route('reviewer.list', ['taskid' => $task->id, 'boothid' => $booth->id, 'from' => 'booth-overview']) }}" class="btn btn-outline-info mt-md-0">評価者一覧</a>
    @else 
      <a href="{{ route('reviewer.list', ['taskid' => $task->id, 'boothid' => '-1', 'from' => 'booth-overview']) }}" class="btn btn-outline-info mt-md-0">評価者一覧</a>
    @endif
  </div>


  {{-- 被評価者一覧 --}}
  <div class="card mb-4">
    <div class="card-header d-flex justify-content-between fs-5">
      <strong>被評価者一覧</strong>
      @if($task->separate_locations) <a href="{{ route('booth.move', ['taskid' => $task->id, 'boothid' => $booth->id]) }}" class="btn btn-sm btn-outline-dark">ブース移動</a> @endif
    </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>
          </tr>
        </thead>
        <tbody>
          @foreach ($members as $index => $member)
            <tr>
              <td>{{ $index + 1 }}</td>
              <td>
                @if ($booth)
                  <a href="{{ route('reviewed.list', ['taskid' => $task->id, 'userid' => $member->id, 'boothid' => $booth->id, 'from' => 'booth-overview']) }}">
                @else
                  <a href="{{ route('reviewed.list', ['taskid' => $task->id, 'userid' => $member->id, 'boothid' => -1, 'from' => 'booth-overview']) }}">
                @endif
                @if ($task->group_presentation) {{ $member->name }} 
                @else {{ $member->display_name }} 
                @endif
              </a></td>
              <td>{{ $member->self_evaluated ? '済' : '' }}</td>
              <td>{{ $member->evaluator_count }}</td>
              <td>{{ \Carbon\Carbon::parse($member->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">
      ※ 表示されるのはブース内の被評価者のみ。<br>
      ※ 氏名をクリックすると、被評価結果一覧へ。
    </div>
    {{-- 戻る --}}
    <div>
      <a href="{{ route('task.overview', $task->id) }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left"></i> 戻る
      </a>
    </div>
  </div>
@endsection