@php use Illuminate\Support\Str; @endphp
@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')

<div class="d-flex justify-content-end flex-wrap gap-2 mb-3">
  <a href="{{ route('site.course.workspace.show', [$site, $course, 'groups']) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-collection me-1"></i>グループ管理</a>
</div>

@forelse($groups as $group)
<div class="card mb-3">
  <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
    <span class="fw-semibold">{{ $group->name }}
      <span class="badge {{ $group->status === 'published' ? 'bg-success' : 'bg-secondary' }} ms-1">{{ $group->status === 'published' ? '公開' : '下書き' }}</span>
    </span>
    <div class="d-flex gap-1">
      <a href="{{ route('site.bundle.lessons.create', [$site, $course, $group]) }}" class="btn btn-sm btn-outline-primary">レッスン追加</a>
    </div>
  </div>
  <div class="list-group list-group-flush">
    @forelse($group->lessons as $lesson)
    <div class="list-group-item d-flex justify-content-between align-items-start flex-wrap gap-2">
      <div>
        <div class="fw-semibold">{{ $lesson->name }}</div>
        <div class="text-muted small">
          順: {{ $lesson->sort_order }}
          @if($lesson->slug)<span class="font-monospace">/ {{ $lesson->slug }}</span>@endif
          / ドリップ {{ $lesson->drip_days }} 日
          / <span class="badge bg-{{ $lesson->status === 'published' ? 'success' : ($lesson->status === 'draft' ? 'secondary' : 'warning') }}">{{ $lesson->statusLabel() }}</span>
        </div>
        @if($lesson->summary)
          <div class="small text-secondary mt-1">{{ Str::limit($lesson->summary, 80) }}</div>
        @endif
      </div>
      <div class="btn-group btn-group-sm">
        <a href="{{ route('site.bundle.lessons.edit', [$site, $course, $group, $lesson]) }}" class="btn btn-outline-secondary">編集</a>
        <form method="POST" action="{{ route('site.bundle.lessons.destroy', [$site, $course, $group, $lesson]) }}" class="d-inline" onsubmit="return confirm('削除しますか？')">
          @csrf @method('DELETE')
          <button type="submit" class="btn btn-outline-danger">削除</button>
        </form>
      </div>
    </div>
    @empty
    <div class="list-group-item text-muted small">このグループにレッスンがありません</div>
    @endforelse
  </div>
</div>
@empty
<div class="card">
  <div class="card-body text-center py-5 text-muted">
    グループがありません。<a href="{{ route('site.course.workspace.show', [$site, $course, 'groups']) }}">グループ管理</a>から追加してください。
  </div>
</div>
@endforelse

@endsection