@extends('layouts.app')
@section('title', $course->name . ' — 受講状況')
@section('page-title', $course->name)
@section('page-subtitle-heading', '【この画面でできること】')
@section('page-subtitle')
受講生ごとの<strong>受講完了</strong>の進捗を確認します。進捗は会員画面と同じく「受講完了にしたレッスン数／公開レッスン数」です（視聴可能になっただけではカウントしません）。
@endsection
@section('content')
@include('site.course.partials._workspace_toolbar')

@php
  $report = $progressReport ?? [];
  $grants = $report['grants'] ?? collect();
  $totalLessons = (int) ($report['total_lessons'] ?? 0);
  $completionByMember = $report['completion_by_member'] ?? [];
  $averagePercent = (int) ($report['average_percent'] ?? 0);
  $learningStyle = $report['learning_style'] ?? 'all_unlocked';
  $rowService = $progressService ?? app(\App\Services\MembershipSite\CourseMemberProgressAdminService::class);
@endphp

@if($learningStyle === 'sequential_completion')
  <div class="alert alert-light border small mb-3">
    このコースは受講スタイルが<strong>受講完了にすると次のレッスンが受講可能</strong>です。一覧の進捗は完了登録に基づきます。未完了の受講生はコース内で次のレッスンがロックされます。
  </div>
@endif

@if($totalLessons === 0)
  <div class="alert alert-warning small">公開中のレッスンがまだありません。レッスン設定で公開してから進捗を確認してください。</div>
@endif

<div class="row g-3 mb-4">
  <div class="col-md-3 col-6">
    <div class="card h-100"><div class="card-body">
      <div class="text-muted small">登録受講生</div>
      <div class="fs-4 fw-semibold">{{ $stats['students'] }} 名</div>
    </div></div>
  </div>
  <div class="col-md-3 col-6">
    <div class="card h-100"><div class="card-body">
      <div class="text-muted small">公開レッスン</div>
      <div class="fs-4 fw-semibold">{{ $stats['published_lessons'] }}</div>
    </div></div>
  </div>
  <div class="col-md-3 col-6">
    <div class="card h-100"><div class="card-body">
      <div class="text-muted small">表示中の平均完了率</div>
      <div class="fs-4 fw-semibold">{{ $averagePercent }}%</div>
    </div></div>
  </div>
  <div class="col-md-3 col-6">
    <div class="card h-100"><div class="card-body">
      <div class="text-muted small">グループ数</div>
      <div class="fs-4 fw-semibold">{{ $stats['groups'] }}</div>
    </div></div>
  </div>
</div>

<div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
  <p class="small text-muted mb-0">付与済み受講生の受講完了記録を集計しています。</p>
  <a href="{{ route('site.members.index', $site) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-person-plus 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>名前</th>
          <th style="min-width: 12rem;">進捗</th>
          <th class="text-end">完了</th>
          <th>最終完了</th>
          <th>受講</th>
        </tr>
      </thead>
      <tbody>
        @forelse($grants as $grant)
        @php
          $member = $grant->member;
          $row = $rowService->rowForGrant($course, $grant, $totalLessons, $completionByMember);
        @endphp
        <tr>
          <td class="ps-4 small">{{ $member?->email ?? '—' }}</td>
          <td class="small">{{ $member?->name ?: '—' }}</td>
          <td>
            @if($totalLessons > 0)
              <div class="progress" style="height: 8px;">
                <div class="progress-bar" role="progressbar" style="width: {{ $row['percent'] }}%;" aria-valuenow="{{ $row['percent'] }}" aria-valuemin="0" aria-valuemax="100"></div>
              </div>
            @else
              <span class="text-muted small">—</span>
            @endif
          </td>
          <td class="text-end small fw-semibold">{{ $row['completed'] }} / {{ $row['total'] }}<span class="text-muted fw-normal">（{{ $row['percent'] }}%）</span></td>
          <td class="small text-muted">{{ $row['last_completed_at']?->format('Y-m-d H:i') ?? '—' }}</td>
          <td class="small">
            @if($row['access_ok'])
              <span class="badge bg-success-subtle text-success border border-success-subtle">受講可</span>
            @else
              <span class="badge bg-secondary">{{ $row['access_label'] }}</span>
            @endif
          </td>
        </tr>
        @empty
        <tr><td colspan="6" class="text-center text-muted py-4">このコースに付与された受講生はいません</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
</div>
@if($grants->hasPages())
<div class="mt-3">{{ $grants->links() }}</div>
@endif
@endsection