@extends('layout.report')
@section('style')
    <style>
        td,
        th {
            font-size: 18px;
        }
    </style>
@endsection
@section('report')
    <h1 style="width: 100%; text-align: center;">Attendance List</h1>
    <pre>Supervisor: {{ $instructor->user->name }}  {{ 'exported at: ' . date('d-m-Y H:i') }}</pre>
    <div style="width: 100%;display: flex;justify-content: center;align-content: center;">
        <table>
            <thead>
                <tr>
                    <th>#</th>
                    <th>Trainee Number</th>
                    <th colspan="2">Name</th>
                    <th>Group</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @php
                    $index = 0;
                    $students = $instructor->students->sortBy(function($student, $key) { return $student->group->name; });
                @endphp
                @foreach ($students as $student)
                        <tr>
                            <td>{{ ++$index }}</td>
                            <td>{{ $student->student_number }}</td>
                            <td colspan="2">{{ $student->user->name }}</td>
                            <td>{{ $student->group->name }}</td>
                            <td></td>
                        </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection