@if ($subsidiaries)
<x-table.row wire:loading.class.delay="opacity-50">

    <x-table.cell colspan='3' class="bg-blue-300">
        <span class="font-medium capitalize bg-blue-300 text-cool-gray-900">FIRST SEMESTER ELECTIVES </span>
    </x-table.cell>
    <x-table.cell class="bg-blue-300">Tick</x-table.cell>
</x-table.row>


@forelse($department->student_subsidiries as $course)
    @if(($course->pivot->level == $student->level) && ($course->pivot->semester_offer === 'FIRST') && ($course->pivot->elective === 'Elective'))
        <x-table.row wire:loading.class.delay="opacity-50" wire.key='{{ $course->id }}'>
            <x-table.cell>
                <span class="font-medium capitalize text-cool-gray-900"> {{ $course->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">
                {{ $course->course_title }}
                </span>
            </x-table.cell>

            <x-table.cell>
                {{ $course->units }}
            </x-table.cell>

            <x-table.cell>
                <x-input.checkbox wire:model.defer="first_elective_selected" class="w-4 h-4" name="first_elective_selected"   value="{{ $course->id }}">
                </x-input.checkbox>
            </x-table.cell>

        </x-table.row>
    @endif
@empty
@endforelse

@endif