@extends('layouts.member')
@section('title', $courseBundle->name)
@section('content')
<div class="mb-3">
  <a href="{{ member_portal_route('member.dashboard', ['slug' => $site->slug]) }}" class="btn btn-sm btn-outline-secondary">&larr; マイページ</a>
</div>
<h1 class="h4 mb-2">{{ $courseBundle->name }}</h1>
@if($courseBundle->description)
<p class="text-muted small mb-4">{{ $courseBundle->description }}</p>
@endif

@php
  $courseCategories = $courseCategories ?? [];
  $showCourseCategoryFilter = ($showCourseCategoryFilter ?? false) && count($courseCategories) > 0;
  $selectedCourseCategory = (string) ($selectedCourseCategory ?? '');
  $visibleCourses = $courseBundle->bundleCourses;
  if ($selectedCourseCategory !== '') {
    $visibleCourses = $visibleCourses->filter(function ($course) use ($selectedCourseCategory) {
      $basic = \App\Support\BundleCourseSettings::merge(is_array($course->course_settings) ? $course->course_settings : null)['basic'] ?? [];

      return (string) ($basic['course_category_id'] ?? '') === $selectedCourseCategory;
    });
  }
@endphp

@if($showCourseCategoryFilter)
<form method="GET" class="mb-3">
  <label class="form-label small text-muted mb-1">カテゴリ</label>
  <div class="d-flex gap-2 flex-wrap align-items-center">
    <select name="course_category" class="form-select form-select-sm" style="max-width: 14rem;">
      <option value="">すべて</option>
      @foreach($courseCategories as $catId => $catName)
        <option value="{{ $catId }}" @selected($selectedCourseCategory === (string) $catId)>{{ $catName }}</option>
      @endforeach
    </select>
    <button type="submit" class="btn btn-sm btn-outline-secondary">絞り込む</button>
  </div>
</form>
@endif

@if($courseBundle->bundleCourses->isEmpty())
<div class="alert alert-warning">このコースの結合にはまだコースが含まれていません。</div>
@elseif($visibleCourses->isEmpty())
<div class="alert alert-info">選択したカテゴリに該当するコースがありません。</div>
@else
<div class="row g-3">
  @foreach($visibleCourses as $course)
  @php
    $courseBasic = \App\Support\BundleCourseSettings::merge(is_array($course->course_settings) ? $course->course_settings : null)['basic'] ?? [];
    $btn = \App\Support\BundleCourseSettings::resolveButtonTextLabel($courseBasic);
    $categoryName = \App\Support\MembershipSiteCourseCategories::findName($site->course_categories, (string) ($courseBasic['course_category_id'] ?? ''));
  @endphp
  <div class="col-12 col-md-6">
    <div class="card h-100 shadow-sm overflow-hidden border-0">
      @include('partials._bundle_course_thumbnail', [
        'url' => $course->thumbnail_url,
        'alt' => $course->name,
        'variant' => 'card-top',
      ])
      <div class="card-body d-flex flex-column">
        @if($categoryName)
          <span class="badge bg-light text-dark border align-self-start mb-2">{{ $categoryName }}</span>
        @endif
        <h2 class="h6">{{ $course->name }}</h2>
        <p class="text-muted small flex-grow-1">{{ $course->description ?: '説明なし' }}</p>
        <a href="{{ member_portal_route('member.bundle.show', ['slug' => $site->slug, 'bundle' => $course->id]) }}" class="btn btn-sm btn-primary align-self-start">{{ $btn }}</a>
      </div>
    </div>
  </div>
  @endforeach
</div>
@endif
@endsection