<div class="col card--ui" id="card--dashboard">

    <a class="btn--ui lightGrey" href="/presence_reports"><i class="fa-solid fa-arrow-left"></i></a><br>

    <header id="title--section" style="display:none !important" class="d-flex align-items-center justify-content-between">
        <div class="title--section_name d-flex align-items-center justify-content-between">
            <i class="ico--ui title_section utenti me-2"></i>
            <h2 class="primary">Assenze</h2>
        </div>
    </header>

    <br>

    <div class="row">
        <div class="col-12 mb-3">
            <h3 class="primary">Assenze {{$year}}/{{$year+1}}</h3>
        </div>
        <div class="col-12">
            <table class="report-table">
                <thead>
                    <tr>
                        <td>Cognome</td>
                        <td>Nome</td>
                        <td>Corso</td>
                        <td>N. assenze</td>
                        <td>Date</td>
                    </tr>
                </thead>
                <tbody>
                    @foreach($records as $record)
                    <tr>
                        <td>{{$record["last_name"]}}</td>
                        <td>{{$record["first_name"]}}</td>
                        <td>{{$record["course"]}}</td>
                        <td>{{$record["total"]}}</td>
                        <td>{{$record["date"]}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

@push('css')
<link href="/css/presence_report.css" rel="stylesheet" />
@endpush

@push('scripts')
<link href="/css/datatables.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
@endpush

@push('scripts')
<script>
    $(document).ready(function() {});
</script>
@endpush