@include('admin.pages.reports.print.header')

@foreach($data->groupBy('group') as $groupName => $groupData)
    <div class="mt-2 d-flex justify-content-center align-items-center w-100" style="gap: 50px; text-align: center;">
        <span>{{ __('Study Class') }}: {{ $groupData[0]['study_class'] }}</span>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>{{ __('Group') }}: {{ $groupName }}</span>
    </div>

    <table class="table" style="margin-top: 20px;">
        <thead>
            <tr>
                <th>#</th>
                <th>{{ __('Student Name') }}</th>
                <th>{{ __('Late Due Months') }}</th>
                <th>{{ __('Total Late Due') }}</th>
            </tr>
        </thead>
        <tbody>
            @foreach($groupData as $index => $record)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $record['student']['name'] }}</td>
                    <td>
                        <ul>
                            @foreach($record['late_due_months'] as $month => $amount)
                                <li>{{ __($month) }}</li>
                            @endforeach
                        </ul>
                    </td>
                    <td>{{ $record['total_late_due'] }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    @if(!$loop->last)
        <div style="page-break-after: always;"></div>
    @endif
@endforeach

@include('admin.pages.reports.print.footer')