@extends('layouts.app')
@section('title', $courseBundle->name . ' — コースの結合')
@section('page-title', $courseBundle->name)
@section('page-subtitle-heading', '【この画面でできること】')
@section('page-subtitle')
このコースの結合に含める教材コースを選びます。後からコースを追加すると、このコースの結合を既に持つ受講生にも反映されます。
@endsection
@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
  <a href="{{ route('site.bundle-settings', $site) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>コースの結合一覧へ</a>
</div>

@if(session('success'))
<div class="alert alert-success small py-2">{{ session('success') }}</div>
@endif

<div class="card">
  <div class="card-header fw-semibold">コースの結合の設定</div>
  <div class="card-body">
    <form method="POST" action="{{ route('site.bundles.update', [$site, $courseBundle]) }}">
      @csrf @method('PUT')
      <div class="row g-3 mb-4">
        <div class="col-md-8">
          <label class="form-label fw-semibold">結合名</label>
          <input type="text" name="name" class="form-control" value="{{ old('name', $courseBundle->name) }}" required>
        </div>
        <div class="col-md-4">
          <label class="form-label fw-semibold">公開状態</label>
          <select name="status" class="form-select">
            <option value="published" @selected(old('status', $courseBundle->status) === 'published')>公開</option>
            <option value="draft" @selected(old('status', $courseBundle->status) === 'draft')>下書き</option>
          </select>
        </div>
        <div class="col-12">
          <label class="form-label fw-semibold">説明</label>
          <textarea name="description" class="form-control" rows="2">{{ old('description', $courseBundle->description) }}</textarea>
        </div>
        <div class="col-md-4">
          <label class="form-label fw-semibold">一覧での表示順</label>
          <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', (int) $courseBundle->sort_order) }}" min="0">
        </div>
      </div>

      <div class="border rounded p-3 mb-4">
        <div class="fw-semibold mb-2">含めるコース（教材）</div>
        @if($siteCourses->isEmpty())
          <p class="text-muted small mb-0">コースがありません。<a href="{{ route('site.show', $site) }}">コース一覧</a>から先に作成してください。</p>
        @else
          <p class="text-muted small">チェックしたコースが、このコースの結合を持つ受講生に開放されます。</p>
          <div class="row g-2">
            @foreach($siteCourses as $siteCourse)
            <div class="col-md-6">
              <div class="form-check border rounded px-3 py-2 h-100">
                <input class="form-check-input" type="checkbox" name="bundle_course_ids[]" value="{{ $siteCourse->id }}" id="bc{{ $siteCourse->id }}"
                  @checked(in_array($siteCourse->id, old('bundle_course_ids', $selectedIds), true))>
                <label class="form-check-label w-100" for="bc{{ $siteCourse->id }}">
                  <span class="fw-semibold">{{ $siteCourse->name }}</span>
                  <span class="badge {{ $siteCourse->status === 'published' ? 'bg-success' : 'bg-secondary' }} ms-1">{{ $siteCourse->status === 'published' ? '公開' : '下書き' }}</span>
                </label>
              </div>
            </div>
            @endforeach
          </div>
        @endif
      </div>

      <button type="submit" class="btn btn-primary" @disabled($siteCourses->isEmpty())>保存</button>
    </form>
  </div>
</div>
@endsection