@extends('layouts.admin', ['title' => 'Courses — ' . ($cohort->name ?? 'Cohort'), 'currentPage' => 'programs', 'breadcrumbs' => [
    ['title' => 'Programs', 'url' => route('admin.programs')],
    ['title' => ($cohort->program->name ?? 'Program'), 'url' => route('admin.program.cohorts', $cohort->program ?? 1)],
    ['title' => ($cohort->name ?? 'Cohort'), 'url' => null],
    ['title' => 'Courses', 'url' => null],
]])

@section('content')
    <div class="mb-8">
        <div class="flex items-center justify-between">
            <div>
                <h2 class="text-3xl font-bold text-white mb-2">{{ $cohort->program->name }} — {{ $cohort->name }} Courses</h2>
                <p class="text-blue-100">View and manage courses in this cohort</p>
            </div>
        </div>
    </div>

    <div class="bg-white rounded-2xl shadow-lg p-6">
        <ul class="divide-y divide-gray-200">
            @foreach($courses as $course)
                <li class="py-4 flex items-center justify-between">
                    <div>
                        <div class="font-medium text-gray-800">{{ $course->name }}</div>
                        <div class="text-sm text-gray-500">Canvas Context: {{ $course->canvas_context_id }}</div>
                    </div>
                    <div class="flex items-center space-x-2">
                        <a href="{{ route('admin.course.show', $course) }}" class="px-3 py-2 border border-gray-300 rounded-lg hover:bg-gray-50">Open</a>
                    </div>
                </li>
            @endforeach
        </ul>
    </div>
@endsection