iao_team/resources/views/livewire/presence_report.blade.php

<div class="col card--ui" id="card--dashboard">
    
    <a class="btn--ui lightGrey" href="/settings?type=corsi"><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">Presenze</h2>
        </div>
    </header>

    <br><br>
    <a wire:click="prev()"> < </a>&nbsp;&nbsp;&nbsp;{{date("d/m/Y", strtotime($date))}}&nbsp;&nbsp;&nbsp;<a wire:click="next()"> > </a>
    <br><br>

    <div class="row">
        <div class="col-3">
            Corso<br>
        </div>
        <div class="col-3">
            Orario<br>
        </div>
        <div class="col-3">
            Campo<br>
            <select wire:model="court_id">
                <option value=""></option>
                @foreach($courts as $court)
                    <option value="{{$court->id}}">{{$court->name}}
                @endforeach
            </select>
        </div>
        <div class="col-3">
            Istruttore<br>
        </div>
    </div>

    <br><br>

    @foreach($records as $course => $records)
        <h3>{{$course}}</h3>
        @foreach($records as $time => $presences)
            <div class="row">
                <div class="col-2">
                    {{$time}}
                </div>
                <div class="col-10">
                    <table width="100%">
                        <tr>
                            <td>Cognome</td>
                            <td>Nome</td>
                            <td>Campo</td>
                            <td>Istruttore</td>
                            <td>Stato</td>
                            <td>Motivazione</td>
                        </tr>
                        @foreach($presences as $presence)
                            <tr>
                                <td>{{$presence["last_name"]}}</td>
                                <td>{{$presence["first_name"]}}</td>
                                <td>{{$presence["court"]}}</td>
                                <td>{{$presence["instructor"]}}</td>
                                <td>{!!$presence["status"]!!}</td>
                                <td>{{$presence["motivation"]}}</td>
                            </tr>
                        @endforeach
                    </table>
                </div>
            </div>            
            <hr>
        @endforeach
        <hr>
    @endforeach
    
</div>

@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>
    <script src="/assets/js/datatables.js"></script>
    <script src="https://cdn.datatables.net/buttons/3.0.2/js/buttons.dataTables.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
@endpush

@push('scripts')
    <script>

        $(document).ready(function() {
            
        } );

        

    </script>
@endpush