{{-- <x-slot name="header">
    <h1 class="relative pt-4 uppercase text-xlg md:text-3xl sm:pt-0">PRINT COURSES</h1>
  </x-slot> --}}

<div>
    <div>
        <x-notification />


            <div
                class="container px-4 mx-auto"
                x-data="invoices()"
                x-cloak>
                <!-- Print Template -->
                <div id="js-print-template" x-ref="printTemplate" class="relative ">
                    @foreach ($subsidiaries as $department)
                    <div class="absolute z-30 top-2">
                        <img id="image" class="object-fit w-18 h-14" src="/logo.png" />
                    </div>
                    <div class="flex justify-center mt-2">
                        <div class="flex-col" >
                            <div class="flex justify-center font-bold">
                                <div class="text-2xl leading-loose">UNIVERSITY OF MAIDUGURI</div>
                            </div>
                            <div class="flex justify-center">(Student Course Registration)</div>
                        </div>
                    </div>
                    <div class="flex justify-between my-2">
                        <div class="text-sm font-bold uppercase">NAME: <span class="px-3">{{ $student->fullname }}</span></div>
                        <div class="text-sm font-bold">ID. NUMBER: <span class="px-3">{{ $student->student_id_number }}</span> </div>
                    </div>
                    <div class="flex my-2">
                        <div class="w-full space-y-1">

                            <div class="flex justify-between text-sm font-bold uppercase">  {{ $department->school->school_title}}

                            @if (($department->dept_title === 'COMPUTER SCIENCE') || ($department->dept_title === 'MATHEMATICS') || ($department->dept_title === 'STATISTICS'))

                                <div class="flex justify-center text-sm font-bold text-center">DEPARTMENT: <span class="px-2"> MATHEMATICAL SCIENCE</span> </div>

                            @elseif(($department->dept_title === 'PHYSICAL EDUCATION') || ($department->dept_title === 'HEALTH EDUCATION'))

                                <div class="flex justify-center text-sm font-bold text-center">DEPARTMENT: <span class="px-2">PHYSICAL AND HEALTH EDUCATION </span> </div>

                            @elseif(($department->dept_title === 'BOTANY') || ($department->dept_title === 'ZOOLOGY') || ($department->dept_title === 'ENVIRONMENTAL BIOLOGY'))

                                <div class="flex justify-center text-sm font-bold text-center">DEPARTMENT: <span class="px-2">BIOLOGICAL SCIENCE</span> </div>

                            @elseif(($department->dept_title === 'CHEMISTRY') || ($department->dept_title === 'INDUSTRIAL CHEMISTRY') || ($department->dept_title === 'PETROLEUM CHEMISTRY'))

                            <div class="flex justify-center text-sm font-bold text-center">DEPARTMENT: <span class="px-2">PURE AND APPLIED CHEMISTRY</span> </div>

                            @elseif(($department->dept_title === 'FACULTY OF VETERINARY MEDICINE'))

                            <div class="flex justify-center text-sm font-bold text-center">DEPARTMENT: <span class="px-2">VETERINARY MEDICINE </span> </div>

                            @else
                                <div class="flex justify-center text-sm font-bold text-center">DEPARTMENT: <span class="px-2">{{ $department->dept_title}}</span> </div>
                            @endif
                        </div>
                        </div>
                    </div>
                     {{-- student Details --}}

                     <div class="flex justify-between my-2">
                        <div class="flex justify-center text-sm font-bold text-center">PROGRAM: {{ $department->dept_title}} </div>
                         <div class="text-sm font-bold uppercase">LEVEL: <span class="px-2">{{ $student->level }}</span></div>
                         <div class="flex justify-center text-sm font-bold">SESSION: <span class="px-2">{{  Carbon\Carbon::parse($start_session->start_at)->year }} /  {{  Carbon\Carbon::parse($start_session->end_at)->year }}</span> </div>

                    </div>

                    @endforeach

                    <div wire:loading wire:target="delete" class="absolute z-30 space-x-4 left-1/3 animate-pulse">
                        <div class="flex items-center justify-center p-3 text-white bg-green-300 rounded-full">processing..</div>
                    </div>
                    <div class="flex-col my-3 space-y-4">
                        <div class="flex-col space-y-4">
                            <div class="flex-col my-3 space-y-4">
                                <div class="flex-col space-y-4">
                                    <table class="w-full bg-white">
                                        <tr>
                                            <th colspan="4" class="py-0 text-sm text-center bg-blue-400 border ">
                                                <span class="text-cool-gray-900"> FIRST SEMESTER COURSES </span>
                                            </th>

                                        </tr>

                                          <tr>

                                            <th colspan="" class="px-2 py-0 text-xs text-left border "><span class="text-cool-gray-900"> CODE </span></th>
                                            <th colspan="" class="py-0 text-xs text-center border "><span class="text-cool-gray-900"> TITLE </span></th>
                                            <th colspan="" class="px-2 py-0 text-xs text-left border "><span class="text-cool-gray-900"> UNITS </span></th>
                                            @if (!$doneAdding)
                                            <th colspan="" class="px-2 py-0 text-xs text-left border ">
                                                <span class="flex justify-end px-2 py-1 text-cool-gray-900">
                                                    <x-button.link wire:click.prevent="openAddModel" wire:target="openAddModel" wire:loading.attr="disabled" class="px-4 py-px text-white bg-green-500 rounded-md">Add</x-button.link>
                                                </span>
                                            </th>
                                            @endif

                                          </tr>

                                        @if ($studentCourses)

                                            @foreach ($studentCourses as $firstSemester)

                                                @foreach ($firstSemester->courseStudent as $courses)

                                                    @if ($courses->pivot->offering_semester === 'FIRST' )

                                                        <tr>


                                                            <td class="px-2 py-0 border"><span class="text-xs capitalize text-cool-gray-900"> {{ $courses->course_code ?? ''}} </span></td>
                                                            <td class="px-2 py-0 border"><span class="text-xs capitalize text-cool-gray-900"> {{ $courses->course_title ?? ''}} </span></td>
                                                            <td class="px-2 py-0 border"><span class="text-xs capitalize text-cool-gray-900"> {{ $courses->units ?? ''}} </span></td>
                                                            @if (!$doneAdding)
                                                            <td class="px-2 py-0 border">

                                                                @if (($courses->course_code == 'GST 331'))
                                                                @else

                                                                    <div class="flex justify-end my-1 space-x-1">

                                                                        <x-button.link wire:click="delete({{ $courses->id }})" class="px-2 py-1 text-white bg-red-500 rounded-md">delete</x-button.link>

                                                                    </div>

                                                                @endif

                                                            </td>
                                                            @endif
                                                        </tr>

                                                    @endif

                                                @endforeach

                                            @endforeach

                                        @endif

                                        @if ($doneAdding)
                                        <tr>
                                            <th colspan="2" class="px-2 py-0 text-left border"> <span class="text-xs text-cool-gray-900"> Total Units </span></th>
                                            <th colspan="" class="px-2 py-0 text-left border"> <span class="text-xs text-cool-gray-900"> {{ $total_unit_first ?? ''}} </span></th>
                                        </tr>
                                        @endif
                                      </table>
                                    <div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="flex-col my-3 space-y-4">
                        <div class="flex-col space-y-4">
                            <div class="flex-col my-3 space-y-4">
                                <div class="flex-col space-y-4">
                                    <table class="w-full bg-white">
                                        <tr>
                                            <th colspan="5" class="py-0 text-sm text-center bg-blue-400 border "><span class="text-cool-gray-900"> SECOND SEMESTER COURSES </span></th>

                                          </tr>
                                          <tr>

                                            <th colspan="" class="px-2 py-0 text-xs text-left border "><span class="text-cool-gray-900"> CODE </span></th>
                                            <th colspan="" class="py-0 text-xs text-center border "><span class="text-cool-gray-900"> TITLE </span></th>
                                            <th colspan="" class="px-2 py-0 text-xs text-left border "><span class="text-cool-gray-900"> UNITS </span></th>
                                            @if (!$doneAdding)
                                            <th colspan="" class="px-2 py-0 text-xs text-left border "><span class="text-cool-gray-900">  </span></th>
                                            @endif

                                          </tr>

                                          @if ($studentCourses)

                                          @foreach ($studentCourses as $firstSemester)

                                              @foreach ($firstSemester->courseStudent as $courses)

                                                  @if ($courses->pivot->offering_semester === 'SECOND' )

                                                      <tr>


                                                          <td class="px-2 py-0 border"><span class="text-xs capitalize text-cool-gray-900"> {{ $courses->course_code ?? ''}} </span></td>
                                                          <td class="px-2 py-0 border"><span class="text-xs capitalize text-cool-gray-900"> {{ $courses->course_title ?? ''}} </span></td>
                                                          <td class="px-2 py-0 border"><span class="text-xs capitalize text-cool-gray-900"> {{ $courses->units ?? ''}} </span></td>

                                                          @if (!$doneAdding)

                                                          <td class="px-2 py-0 border">
                                                            @if (($courses->course_code == 'GST 331'))
                                                                @else
                                                                <div class="flex justify-end my-1 space-x-1">

                                                                    <x-button.link wire:click="delete({{ $courses->id }})" class="px-2 py-1 text-white bg-red-500 rounded-md">delete</x-button.link>

                                                                </div>
                                                            @endif

                                                          </td>

                                                          @endif

                                                      </tr>

                                                  @endif

                                              @endforeach

                                          @endforeach

                                      @endif

                                      @if ($doneAdding && $count_course > 0)
                                        <tr>
                                            <th colspan="2" class="px-2 py-0 text-left border"> <span class="text-xs text-cool-gray-900"> Total Units </span></th>
                                            <th colspan="" class="px-2 py-0 text-left border"> <span class="text-xs text-cool-gray-900"> {{ $total_unit_second ?? ''}} </span></th>
                                        </tr>
                                      @endif


                                    </table>
                                    <div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div>
                        @if (($student_clearance) && ($student->level == 300)  && (!$doneAdding))

                            <div class="my-4">
                                <div class="md:col-span-1 "></div>
                                <div class="h-auto p-3 my-1 space-y-2 shadow-md md:col-span-3">
                                    <div class="">
                                        <div class="flex space-x-1 ">
                                            <label for="email" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">
                                                Entrepreneurial Skills
                                            </label>
                                            <span class="text-red-500">*</span>
                                        </div>

                                        <div class="mt-1 space-y-2">

                                            @if($alocatedCount)
                                            @foreach ($alocatedCount as $allocated)

                                                <div class="flex justify-between space-y-4">

                                                    @if (($allocated->course_id == 5000) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Computer Maitenance and Repairs</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='5000' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4992) && ($allocated->allocation >  $allocated->allocated_student))
                                                    <div class="flex justify-between w-full">
                                                        <div>Building and Construction</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4992' class="w-6 h-6 mx-10" />
                                                    </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4995) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                            <div>Fish Production and Processing</div>
                                                            <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4995' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4991) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                            <div>Food processing</div>
                                                            <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4991' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4994) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Poultry and Animal Husbandry</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4994' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4996) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Soap and Detergent</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4996' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif


                                                    @if (($allocated->course_id == 4993) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                            <div>Tailoring</div>
                                                             <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4993' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4997) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Water Treatment and Packaging</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4997' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4998) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Welding and Fabrication</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4998' class="w-6 h-6 mx-10" />
                                                        </div>

                                                    @endif

                                                    @if (($allocated->course_id == 4999) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Wood Work</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4999' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                </div>
                                            @endforeach
                                            @endif

                                            <x-jet-input-error for="gst_Skill" class="mt-2" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                        @endif

                        @if (($student_clearance) && ($student->level > 300)  && (!$doneAdding) && ($carryingCourse))

                            <div class="my-4">
                                <div class="md:col-span-1 "></div>
                                <div class="h-auto p-3 my-1 space-y-2 shadow-md md:col-span-3">
                                    <div class="">
                                        <div class="flex space-x-1 ">
                                            <label for="email" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">
                                                Entrepreneurial Skills
                                            </label>
                                            <span class="text-red-500">*</span>
                                        </div>

                                        <div class="mt-1 space-y-2">

                                            @if($alocatedCount)
                                            @foreach ($alocatedCount as $allocated)

                                                <div class="flex justify-between space-y-4">

                                                    @if (($allocated->course_id == 5000) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Computer Maitenance and Repairs</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='5000' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4992) && ($allocated->allocation >  $allocated->allocated_student))
                                                    <div class="flex justify-between w-full">
                                                        <div>Building and Construction</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4992' class="w-6 h-6 mx-10" />
                                                    </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4995) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                            <div>Fish Production and Processing</div>
                                                            <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4995' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4991) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                            <div>Food processing</div>
                                                            <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4991' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4994) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Poultry and Animal Husbandry</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4994' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4996) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Soap and Detergent</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4996' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif


                                                    @if (($allocated->course_id == 4993) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                            <div>Tailoring</div>
                                                             <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4993' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4997) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Water Treatment and Packaging</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4997' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                    @if (($allocated->course_id == 4998) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Welding and Fabrication</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4998' class="w-6 h-6 mx-10" />
                                                        </div>

                                                    @endif

                                                    @if (($allocated->course_id == 4999) && ($allocated->allocation >  $allocated->allocated_student))
                                                        <div class="flex justify-between w-full">
                                                        <div>Wood Work</div>
                                                        <x-input.radio wire:model.defer='gst_Skill' name='gst_Skill' value='4999' class="w-6 h-6 mx-10" />
                                                        </div>
                                                    @endif

                                                </div>
                                            @endforeach
                                            @endif

                                            <x-jet-input-error for="gst_Skill" class="mt-2" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                        @endif
                    </div>

                   <div>
                        @if ($doneAdding && $count_course > 0)

                        <div class="mt-2 space-y-4 ">
                            <div class="flex justify-between text-sm ">
                                    Student's Signature:..........................................................................................................................................
                            </div>
                            <div class="flex justify-between text-sm ">
                                HOD's Signature:................................................................................................................................................
                            </div>
                            <div class="flex justify-between text-sm ">
                                Registrar's Signature:........................................................................................................................................
                            </div>
                        </div>

                        @endif
                   </div>
                </div>
                <!-- /Print Template -->

               <div>
                    @if ((!$doneAdding)  && ($count_course > 0) && ($student->level >= 300))

                    <div class="flex justify-between mb-4">
                        <h2 class="pb-2 mb-6 text-2xl font-bold tracking-wider uppercase"></h2>
                        <div>
                            <x-button.link wire:click="doneEditing" class="px-2 py-1 text-white bg-green-500 rounded-md shadow-md">Confirm</x-button.link>
                        </div>
                    </div>
                    @elseif ((!$doneAdding)  && ($count_course > 0) && ($student->level < 300))

                    <div class="flex justify-between mb-4">
                        <h2 class="pb-2 mb-6 text-2xl font-bold tracking-wider uppercase"></h2>
                        <div>
                            <x-button.link wire:click="doneEditing" class="px-2 py-1 text-white bg-green-500 rounded-md shadow-md">Confirm</x-button.link>
                        </div>
                    </div>

                    @elseif ($doneAdding && $count_course > 0)

                        <div class="flex justify-between pb-2">
                            <h2 class="pb-2 mb-6 text-2xl font-bold tracking-wider uppercase">
                                <x-button.link wire:click="backCourse" class="px-2 py-1 text-white bg-red-500 rounded-md">Back</x-button.link>
                            </h2>
                            <div>
                                <div class="relative inline-block mr-4">
                                    <div class="inline-flex items-center justify-center w-10 h-10 text-gray-500 bg-gray-100 rounded-full cursor-pointer hover:bg-gray-300"
                                        @mouseenter="showTooltip = true" @mouseleave="showTooltip = false"
                                        @click="printInvoice()">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-printer" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                                            <rect x="0" y="0" width="24" height="24" stroke="none"></rect>
                                            <path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" />
                                            <path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" />
                                            <rect x="7" y="13" width="10" height="8" rx="2" />
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        </div>

                    @endif
               </div>

            </div>

        </div>

        <x-modal.dialog wire:model="showAddStudentCourseModal">
            <x-slot name="title">
                <div>Student Course</div>
                <x-notification />
            </x-slot>

            <x-slot name="content">

                {{-- @if (($studentNoOfCarry) && ($studentNoOfCarry->student_status != 'Proceed')) --}}
                <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:pt-5">
                    <div class="flex space-x-1">
                        <label for="semester" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">
                            Level
                        </label>
                        <span class="text-red-500">*</span>
                    </div>
                    <div class="mt-1 sm:mt-0 sm:col-span-2">
                        <x-input.select  wire:model="level"  class="w-full" id="level">
                            <div class="px-4 overflow-y-auto">
                                <option>Select level</option>

                                    @foreach (App\Models\Assets::LEVEL as $value => $label)

                                        @if (($student) && ($label == $student->level))
                                            <option class="cursor-pointer">{{$label}} </option>
                                        @endif

                                    @endforeach
                                </div>
                            </x-input.select>
                            <x-jet-input-error for="level" class="mt-2" />
                        </div>
                </div>
                {{-- @endif --}}

                <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:pt-5">
                    <div class="flex space-x-1">
                        <label for="course_semester" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">
                            Semester
                        </label>
                        <span class="text-red-500">*</span>
                    </div>
                    <div class="mt-1 sm:mt-0 sm:col-span-2">
                        <x-input.select  wire:model="course_semester"  class="w-full" id="course_semester">
                            <div class="px-4 overflow-y-auto">
                                <option>Select Semester</option>
                                @foreach (App\Models\Assets::SEMESTER as $value => $label)

                                    <option class="cursor-pointer">{{$label}} </option>

                                @endforeach
                            </div>
                        </x-input.select>
                      <x-jet-input-error for="course_semester" class="mt-2" />
                    </div>
                </div>

                <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:pt-5">

                    <div class="flex space-x-1">
                        <label for="course" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">
                            Course
                        </label>
                        <span class="text-red-500">*</span>
                    </div>

                    <div class="mt-1 sm:mt-0 sm:col-span-2">
                        <x-input.select  wire:model.defer="course_code"  class="w-full" id="course_code">
                            <div class="px-4 overflow-y-auto">
                                <option value="">Select Course</option>
                                    @if ($levelCourses)

                                        @foreach ($levelCourses as  $offer)

                                            @foreach ($offer->courses as $departmentOffer )

                                            @if (
                                                        ($departmentOffer->pivot->course_id  == 435)  ||  ($departmentOffer->pivot->course_id == 4991)
                                                    ||  ($departmentOffer->pivot->course_id == 4992)  ||  ($departmentOffer->pivot->course_id == 4993)  ||  ($departmentOffer->pivot->course_id == 4994)
                                                    ||  ($departmentOffer->pivot->course_id == 4995)  ||  ($departmentOffer->pivot->course_id == 4996)  ||  ($departmentOffer->pivot->course_id == 4997)
                                                    ||  ($departmentOffer->pivot->course_id == 4998)  ||  ($departmentOffer->pivot->course_id == 4999)  ||  ($departmentOffer->pivot->course_id == 5000)
                                                )

                                                @else

                                                <option class="cursor-pointer" value="{{ $departmentOffer->id }}">
                                                    {{$departmentOffer->course_code}}
                                                    <div class="px-2"> - </div>
                                                    {{$departmentOffer->course_title}}
                                                </option>

                                            @endif

                                            @endforeach
                                        @endforeach

                                    @endif
                            </div>
                        </x-input.select>
                      <x-jet-input-error for="course_code" class="mt-2" />
                    </div>

                </div>


            </x-slot>

            <x-slot name="footer">
                <div>
                    <x-jet-button wire:click.prevent="done" wire:target="done, newCourseReg" wire:loading.attr="disabled"
                         class="bg-blue-400" >
                            {{ __('cancle') }}
                    </x-jet-button>
                 {{-- @if($done) --}}
                    <x-jet-button wire:click.prevent="newCourseReg" class="bg-green-400 hover:bg-green-700"
                         wire:target="newCourseReg, done" wire:loading.attr="disabled">
                            {{ __('submit') }}
                    </x-jet-button>
                {{-- @endif --}}
                </div>
            </x-slot>

        </x-modal.dialog>
        <script type="text/javascript" src="/js/printPage.js"></script>
    </div>
</div>