@if ($studentCarryOverCourses)

    <x-table.row>
        <x-table.cell colspan='4'  class="bg-blue-300">
            <span class="font-medium capitalize bg-blue-300 text-cool-gray-900"> FAILED COURSES </span>
        </x-table.cell>
    </x-table.row>

        @forelse ($studentCarryOverCourses as $student)

            @foreach ($student->courses as $carryover )
            <x-table.row wire:loading.class.delay="opacity-50" wire.key='{{ $carryover->id }}'>
                <x-table.cell>
                    <span class="font-medium capitalize text-cool-gray-900"> {{ $carryover->course_code }} </span>
                </x-table.cell>
                {{-- bg-{{ $transaction->status_color }}-100 text-{{ $transaction->status_color }}-800 --}}
                <x-table.cell>
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium leading-4  capitalize">
                    {{ $carryover->course_title }}
                    </span>
                </x-table.cell>

                <x-table.cell>
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium leading-4  capitalize">
                    {{ $carryover->units }}
                    </span>
                </x-table.cell>

                {{-- <x-table.cell>
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium leading-4  capitalize">
                        {{ $this->getCarryOverCourseSemester($carryover->id)  }}
                    </span>
                </x-table.cell> --}}

            </x-table.row>
            @endforeach

        @empty
            <x-table.row>
                <x-table.cell colspan="6">
                    <div class="flex items-center justify-center space-x-2">
                        <x-icon.inbox class="w-8 h-8 text-cool-gray-400" />
                        <span class="py-8 text-xl font-medium text-cool-gray-400">No course Added...</span>
                    </div>
                </x-table.cell>
            </x-table.row>
        @endforelse

@endif
{{-- end failed courses --}}