@push('css')
    <style type="text/css">
        .badge-dynamic {
            padding: 3px 8px;
            border-radius: 3px;
        }
    </style>
@endpush

<div x-data x-init="$nextTick(() => initSelect2Drop());">
    <div class="row mt-3">
        <div class="mb-3 col-4">
            <label>{{ __('From Date') }}</label>
            <input type="date" class="form-control" wire:model.live="from_date" />
        </div>

        <div class="mb-3 col-4">
            <label>{{ __('To Date') }}</label>
            <input type="date" class="form-control" wire:model.live="to_date" />
        </div>

        <div class="col-lg-4 mg-t-20 mg-lg-t-0">
            <div class="form-group w-100" wire:ignore>
                <label class="form-label mb-2">{{__('Students')}}</label>
                <select class="form-control select2-multi" wire:model="student_id" multiple="multiple">
                    <option value="all" selected>{{ __('All') }}</option>
                    @foreach($students as $student)
                        <option value="{{ $student->id }}">{{ $student->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>

    <div wire:loading wire:target="fetchFullRecords" class="text-center mg-b-20 mb-4 mt-2 w-100 no-print">
        <div class="spinner-border" role="status">
            <span class="sr-only">{{__('Loading...')}}</span>
        </div>
    </div>

    @if($from_date && $to_date && $student_id)
        <button class="no-print btn btn-primary" wire:click="generatePdf"><i class="fas fa-print ml-2"></i>{{__('Print PDF')}}</button>

        @foreach($fullRecords as $studentId => $studentData)
            @foreach($studentData as $groupId => $groupData)
                <div class="col-12 table-responsive mt-2">
                    <table class="table table-bordered mb-3 text-md-nowrap">
                        <tr>
                            <th width="15%">{{__('Group')}}</th>
                            <td>{{ $groupData['group']->name }}</td>
                            <th width="15%">{{__('Study Class')}}</th>
                            <td>{{ $groupData['group']->study_class->name }}</td>
                        </tr>
                        <tr>
                            <th width="15%">{{__('Attendance Days')}}</th>
                            <td>{{ $groupData['attendance_count'] }}</td>
                            <th width="15%">{{__('Absence Days')}}</th>
                            <td>{{ $groupData['absence_count'] }}</td>
                        </tr>
                    </table>

                    <table class="table table-bordered mb-3 text-md-nowrap">
                        <thead>
                            <tr>
                                <th>{{ __('Session Date Time') }}</th>
                                <th>{{ __('Teacher') }}</th>
                                <th>{{ __('Subject') }}</th>
                                <th>{{ __('Name') }}</th>
                                <th>{{ __('Attendance') }}</th>
                                <th>{{ __('Homework Status') }}</th>
                                <th>{{ __('Student Behavior') }}</th>
                                <th>{{ __('Notes') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (!empty($groupData['sessions']) && isset($groupData['sessions'][0]) && $groupData['sessions'][0]['attendance'] != null)
                                @foreach ($groupData['sessions'] as $record)
                                    <tr>
                                        <td>{{ $record['session_date']->format('Y-m-d H:i') }}</td>
                                        <td>{{ $record['teacher']->name }}</td>
                                        <td>{{ $record['subject']->name }}</td>
                                        <td>{{ $record['student']->name }}</td>
                                        <td>
                                            @if ($record['attendance']?->active == 1)
                                                <span class="text-success">&#10004;</span>
                                            @else
                                                <span class="text-danger">&#10006;</span>
                                            @endif
                                        </td>
                                        <td>
                                            <span class="badge-dynamic" style="background-color: {{ $record['daily_follow_up']?->homeworkStatus->color ?? '' }}">
                                                {{ $record['daily_follow_up']?->homeworkStatus->name ?? '-' }}
                                            </span>
                                        </td>
                                        <td>
                                            <span class="badge-dynamic" style="background-color: {{ $record['daily_follow_up']?->studentBehavior->color ?? '' }}">
                                                {{ $record['daily_follow_up']?->studentBehavior->name ?? '-' }}
                                            </span>
                                        </td>
                                        <td>
                                            {{ $record['daily_follow_up']?->note ?? '-' }}
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="8" class="text-center">{{ __('No records to show.') }}</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>

                    @if(isset($gradesRecords[$studentId][$groupId]))
                        <table class="table table-bordered mb-10 text-md-nowrap">
                            <thead>
                                <tr>
                                    <th>{{ __('Exam Name') }}</th>
                                    <th>{{ __('Date') }}</th>
                                    <th>{{ __('Teacher') }}</th>
                                    <th>{{ __('Subject') }}</th>
                                    <th>{{ __('Name') }}</th>
                                    <th>{{ __('Final Grade') }}</th>
                                    <th>{{ __('Grade') }}</th>
                                    <th>{{ __('Value') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($gradesRecords[$studentId][$groupId]['grades'] as $record)
                                    <tr>
                                        <td>{{ $record->exam_grade->exam_enrollment->name }}</td>
                                        <td>{{ $record->exam_date }}</td>
                                        <td>{{ $record->exam_grade->exam_enrollment->teacher->name }}</td>
                                        <td>{{ $record->exam_grade->exam_enrollment->subject->name }}</td>
                                        <td>{{ $record->student->name }}</td>
                                        <td>{{ $record->final_grade }}</td>
                                        <td>{{ $record->grade_value === 0 ? '-' : $record->grade_value }}</td>
                                        <td>
                                            <span class="badge-dynamic" style="background-color: {{ $record->grade_color }}">
                                                {{ $record->grade_name }}
                                            </span>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="8" style="text-align: center;">{{ __('No Grades Found') }}</td>
                                    </tr>
                                @endforelse
                                @if (count($gradesRecords[$studentId][$groupId]['grades']) > 0)
                                    <tr>
                                        <td colspan="5" style="font-weight: bold; text-align: right;">{{__('Total')}}:</td>
                                        <td style="font-weight: bold;">
                                            {{ collect($gradesRecords[$studentId][$groupId]['grades'])->sum('final_grade') }}
                                        </td>
                                        <td style="font-weight: bold;">
                                            {{ collect($gradesRecords[$studentId][$groupId]['grades'])->sum('grade_value') }}
                                        </td>
                                        <td></td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    @endif
                </div>
            @endforeach

            @php
                $totalFinalGrades = 0;
                $totalStudentGrades = 0;

                if (isset($gradesRecords[$studentId])) {
                    foreach ($gradesRecords[$studentId] as $groupId => $groupData) {
                        $totalFinalGrades += collect($groupData['grades'])->sum('final_grade');
                        $totalStudentGrades += collect($groupData['grades'])->sum('grade_value');
                    }
                }
            @endphp

            @if ($gradesRecords && isset($gradesRecords[$studentId]))
                <div class="col-12 table-responsive mt-4">
                    <table class="table table-bordered mb-10 text-md-nowrap mt-4" style="margin-bottom: 30px;">
                        <thead>
                            <tr>
                                <th colspan="4" style="text-align: center;"><h4>{{ __('Total Grades') }}</h4></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th width="25%">{{ __('Total Final Grades') }}</th>
                                <td width="25%">{{ $totalFinalGrades }}</td>
                                <th width="25%">{{ __('Total Student Grades') }}</th>
                                <td width="25%">{{ $totalStudentGrades }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            @endif

            @if(isset($paymentRecords[$studentId]))
                <div class="col-12 table-responsive mt-4">
                    <table class="table table-bordered mb-10 text-md-nowrap">
                        <thead>
                            <tr>
                                <th>{{ __('Payment Date') }}</th>
                                <th>{{ __('Student Name') }}</th>
                                <th>{{ __('Status') }}</th>
                                <th>{{ __('Amount') }}</th>
                                <th>{{ __('Discounted') }}</th>
                                <th>{{ __('Paid') }}</th>
                                <th>{{ __('Remain') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($paymentRecords[$studentId] as $record)
                                <tr>
                                    <td>{{ $record->payment_date->format('Y-m-d') }}</td>
                                    <td>{{ $record->student->name }}</td>
                                    <td><span class="badge" style="background-color: {{$record->payment_status->color}}">{{ $record->payment_status->name }}</span></td>
                                    <td>{{ number_format($record->amount, 2) }}</td>
                                    <td>{{ number_format($record->discounted, 2) }}</td>
                                    <td>{{ number_format($record->paid, 2) }}</td>
                                    <td>{{ number_format($record->remain, 2) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center">{{ __('No records to show.') }}</td>
                                </tr>
                            @endforelse
                            @if(count($paymentRecords[$studentId]) > 0)
                                <tr>
                                    <td colspan="3" style="font-weight: bold; text-align: right;">{{__('Total')}}:</td>
                                    <td style="font-weight: bold;">{{ number_format(collect($paymentRecords[$studentId])->sum('amount'), 2) }}</td>
                                    <td style="font-weight: bold;">{{ number_format(collect($paymentRecords[$studentId])->sum('discounted'), 2) }}</td>
                                    <td style="font-weight: bold;">{{ number_format(collect($paymentRecords[$studentId])->sum('paid'), 2) }}</td>
                                    <td style="font-weight: bold;">{{ number_format(collect($paymentRecords[$studentId])->sum('remain'), 2) }}</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            @endif
        @endforeach
    @endif
</div>

@push('js')
    <script type="text/javascript">
        function initSelect2Drop() {
            $('.select2-multi').select2({
                language: "{{ app()->getLocale() }}",
                dir: "{{ session()->get('rtl', 1)?'rtl':'ltr' }}",
                placeholder: "{{ __('Search...') }}",
            });

            $('.select2-multi').on('change', function (e) {
                const studentIds = $(this).val();
                if (studentIds.includes('all')) {
                    @this.set('student_id', ['all']);
                } else {
                    @this.set('student_id', studentIds);
                }
                @this.call('fetchFullRecords');
                @this.call('fetchGrades');
                @this.call('fetchPaymentRecords');
            });
        }

        Livewire.on('updateSelect2Options', (options) => {
            const $select = $('.select2-multi');
            $select.empty();
            options.forEach((option) => {
                option.forEach((one) => {
                    const newOption = new Option(one.name+' ('+one.code+')', one.id, false, false);
                    $select.append(newOption).trigger('change');
                });
            });
            $select.select2('destroy');
            $select.select2();
        });
    </script>
@endpush