@extends('task.layout')

@section('content')
<div class="container mt-4">
  <h3 class="mb-4">ルーブリック一覧</h3>

  @foreach ($rubrics as $rubric)
    <div class="card mb-4">
      <div class="card-header fw-bold">
        {{ $rubric->title }}
      </div>
      <div class="card-body">
        <table class="table table-bordered align-middle">
          <thead class="table-light text-center">
            <tr>
              <!-- <th>カテゴリ</th> -->
              <th style="width: 120px;">観点</th>
              @php
                $levels = explode(',', $rubric->level);
              @endphp
              @foreach ($levels as $level)
                @php
                  $cleanlevel = trim($level, '"');
                @endphp
                @if ((int)$cleanlevel === 0) <th style="width: 70px;">{{ $cleanlevel }}</th>
                @else <th style="width: 180px;">{{ $cleanlevel }}</th>
                @endif
              @endforeach
            </tr>
          </thead>
          <tbody>
            @foreach ($rubric->criteria as $criterion)
              <tr>
                <td class="text-center">
                  @php
                    // 該当の親観点に子ルーブリックはあるか？
                    $hasChildren = $childRubrics->has($criterion->id);
                    
                    // 子ルーブリックのどれか1つでも criteria が1件以上あるか？
                    $hasChecklist = $hasChildren
                      && $childRubrics[$criterion->id]->contains(function ($r) {
                           return $r->criteria && $r->criteria->isNotEmpty();
                         });
                  @endphp
                  
                  @if ($hasChecklist)
                    <button class="btn btn-sm btn-link toggle-child" data-id="{{ $criterion->id }}">
                      {{ $criterion->item }}
                    </button>
                  @else
                    {{ $criterion->item }}
                  @endif
                </td>
                
                @foreach ($criterion->performance as $p)
                  <td style="white-space: pre-line;">{{ $p->descriptor }}</td>
                @endforeach
              </tr>

              @if ($childRubrics->has($criterion->id))
              <tr class="child-rubric-row" id="child-{{ $criterion->id }}" style="display: none;">
                <td colspan="{{ 2 + count($levels) }}">
                  @foreach ($childRubrics[$criterion->id] as $childRubric)
                    <strong class="d-block mb-2 text-center">{{ $childRubric->title }}</strong>
                    
                    <div class="table-responsive">
                      <table class="table table-sm table-bordered">
                        <thead class="table-light text-center">
                          <tr>
                            <!-- <th>カテゴリ</th> -->
                            <th>観点</th>
                            @foreach (explode(',', $childRubric->level) as $cl)
                              <th>{{ trim($cl, '"') }}</th>
                            @endforeach
                          </tr>
                        </thead>
                        <tbody>
                          @php
                            $grouped = $childRubric->criteria->groupBy(fn($c) => $c->category->title ?? 'カテゴリなし');
                            
                            // 見出しを出したくないグループを取り出して、$grouped からは除外
                            $noCategory = $grouped->pull('カテゴリなし', collect());
                          @endphp
                          
                          {{-- カテゴリありグループ --}}
                          @foreach ($grouped as $categoryTitle => $criteriaGroup)
                            {{-- カテゴリ行 --}}
                            <tr class="table-secondary">
                              <td colspan="{{ 2 + count(explode(',', $childRubric->level)) }}">
                                <strong>{{ $categoryTitle }}</strong>
                              </td>
                            </tr>
                            @foreach ($criteriaGroup as $childCriterion)
                            <tr>
                              <td>{{ $childCriterion->item }}</td>
                              @foreach ($childCriterion->performance as $cp)
                                <td>{{ $cp->descriptor }}</td>
                              @endforeach
                            </tr>
                            @endforeach
                          @endforeach
                          
                          {{-- カテゴリなしグループ --}}
                          @foreach ($noCategory as $childCriterion)
                            <tr>
                              <td>{{ $childCriterion->item }}</td>
                              @foreach ($childCriterion->performance as $cp)
                                <td>{{ $cp->descriptor }}</td>
                              @endforeach
                            </tr>
                          @endforeach
                        </tbody>
                      </table>
                    </div>
                  @endforeach
                </td>
              </tr>
              @endif
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  @endforeach
</div>
@endsection

@push('scripts')
<script>
  document.querySelectorAll('.toggle-child').forEach(btn => {
    btn.addEventListener('click', () => {
      const row = document.getElementById(`child-${btn.dataset.id}`);
      row.style.display = row.style.display === 'none' ? 'table-row' : 'none';
    });
  });
</script>
@endpush