{{-- <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>
            <!-- Print Template -->
            @if ($clicked)
            <div id=""  class="mx-2 sm:mx-4">
                <div class="flex-col my-3 space-y-4">
                <x-table>
                    <x-slot name="head">

                    </x-slot>

                    <x-slot name="body">

                    @if (($this->departmentStudent->school_id != 12) && ($this->departmentStudent->school_id != 11))

                        @forelse ($subsidiaries as $department)

                            @include('forms.courseDisplayHeader')

                            {{-- FIRST SEMESTER COURSES  --}}
                            @include('forms.courseFirst')

                            {{-- SECOND SEMESTER COURSES --}}
                            @include('forms.courseSecond')

                            @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-xs text-xl text-cool-gray-400">No course Added...</span>
                                    </div>
                                </x-table.cell>
                            </x-table.row>
                        @endforelse

                    @endif

                    {{-- Faculty of Vetenery Medicine --}}
                    @if ($this->departmentStudent->school_id == 11)

                        @include('forms.veteneryMedicineFirst')

                        @include('forms.veteneryMedicineSecond')

                    @endif

                    {{-- Faculty of Pharmacy --}}
                    @if ($this->departmentStudent->school_id == 12)

                        @include('forms.pharmacyFirst')

                        @include('forms.pharmacySecond')

                    @endif

                    {{-- check if elective yes  --}}
                    @forelse ($subsidiaries as $department)

                        @if ($electiveFirstCourse)

                        @include('forms.electiveCourseFirst')

                        @endif

                        {{-- Second semester elective --}}

                        @if ($electiveSecondCourse)

                        @include('forms.electiveCourseSecond')

                        @endif

                    @empty
                    @endforelse

                    {{-- failed courses --}}

                    @include('forms.studentFailedCourses')

                    </x-slot>
                </x-table>
            </div>
            @endif
            </div>


            @if (!$clicked)

            {{-- <div
                class="container px-4 mx-auto"
                x-data="invoices()"
                x-cloak>
                <!-- Print Template -->
                <div id="js-print-template" x-ref="printTemplate" class="">
                    @foreach ($subsidiaries as $department)
                        @include('forms.courseDisplayHeader')
                    @endforeach
                    <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="3" class="py-2 text-sm text-center bg-blue-400 border "><span class="capitalize text-cool-gray-900"> FIRST SEMESTER COURSES </span></th>
                                        </tr>

                                        @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>
                                                    </tr>

                                                @endif

                                            @endforeach

                                        @endforeach
                                        <tr>
                                            <th colspan="2" class="px-2 py-2 text-left border"> <span class="text-xs capitalize text-cool-gray-900"> Total Units </span></th>
                                            <th colspan="" class="px-2 py-2 text-left border"> <span class="text-xs capitalize text-cool-gray-900"> {{ $this->sumFirstUnit($courses->units) ?? ''}} </span></th>
                                        </tr>
                                      </table>
                                    <div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- /Print Template -->
                <div class="flex justify-between">
                    <h2 class="pb-2 mb-6 text-2xl font-bold tracking-wider uppercase"></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>
            </div> --}}

            <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">{{ $this->student->fullname }}</span></div>
                        <div class="text-sm font-bold">ID. NUMBER: <span class="px-3">{{ $this->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">{{ $this->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 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="3" class="py-0 text-sm text-center bg-blue-400 border "><span class="text-cool-gray-900"> FIRST SEMESTER COURSES </span></th>
                                        </tr>

                                        @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>
                                                    </tr>

                                                @endif

                                            @endforeach

                                        @endforeach
                                        <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"> {{ $this->sumFirstUnit($courses->units) ?? ''}} </span></th>
                                        </tr>
                                      </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="3" class="py-0 text-sm text-center bg-blue-400 border "><span class=" text-cool-gray-900"> SECOND SEMESTER COURSES </span></th>
                                        </tr>

                                        @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>
                                                    </tr>

                                                @endif

                                            @endforeach

                                        @endforeach

                                        <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"> {{ $this->sumSecondUnit($courses->units) ?? ''}} </span></th>
                                        </tr>


                                    </table>
                                    <div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <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>
                </div>
                <!-- /Print Template -->
                <div class="flex justify-between">
                    <h2 class="pb-2 mb-6 text-2xl font-bold tracking-wider uppercase"></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>
            </div>

            @endif

            <div class="flex justify-end p-2 space-x-4">

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

                {{-- && ($studentToken->AmountRRR >= $studentToken->posted_amount) --}}

                @if(($clicked) )
                
                    @if ($this->departmentStudent->school_id === 11)
                        <x-jet-button wire:click.prevent="updateStudentVetenery" wire:target="updateStudentVetenery" wire:loading.attr="disabled" class="bg-blue-400">
                            {{ __('Confirm') }}
                        </x-jet-button>
                    @elseif($this->departmentStudent->school_id === 12)
                        <x-jet-button wire:click.prevent="updateStudentPharmacy" wire:target="updateStudentPharmacy" wire:loading.attr="disabled" class="bg-blue-400">
                            {{ __('Confirm') }}
                        </x-jet-button>
                    @else
                        <x-jet-button wire:click.prevent="updateStudentOffer" wire:target="updateStudentOffer" wire:loading.attr="disabled" class="bg-blue-400">
                            {{ __('Confirm') }}
                        </x-jet-button>
                    @endif

                @endif

                    {{-- @if(($clicked) && (($studentToken->AmountRRR < $studentToken->posted_amount)))
                        <div class="p-2 font-bold text-white bg-red-300 rounded-full shadow-md animate-pulse">Report to the Bursary </div>
                    @endif --}}
            </div>

        </div>
        <script type="text/javascript" src="/js/printPage.js"></script>
    </div>
</div>