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

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


    <section id="resume-table">
        
        <div class="compare--chart_wrapper d-none"></div>

        <div class="row">
            <div class="col-md-6">
                <h3>{{$calendar->course->name}}</h3>
            </div>
            <div class="col-md-6">
                <h3>{{date("l d F", strtotime($calendar->from))}}, ora inizio {{date("H:i", strtotime($calendar->from))}}</h3>
            </div>

            <div class="col-md-6">
                <label for="court_id" class="form-label">Campo</label>
                <select class="form-select form-select-lg me-1 " wire:model="court_id">
                    <option value="">
                    @foreach($courts as $c)
                        <option value="{{$c["id"]}}">{{$c["name"]}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6">
                <label for="instructor_id" class="form-label">Istruttore</label>
                <select class="form-select form-select-lg me-1 " wire:model="instructor_id">
                    <option value="">
                    @foreach($instructors as $i)
                        <option value="{{$i["id"]}}">{{$i["name"]}}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-12 mt-3">
                <textarea class="form-control" id="note" placeholder="Note" wire:model="note"></textarea>
            </div>

        </div>    
        
        <section id="resume-table" class="mt-3">
            <div class="compare--chart_wrapper d-none"></div>

            <table class="table tablesaw tableHead tablesaw-stack" id="tablesaw-350" width="100%">
                <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">Cognome</th>
                        <th scope="col">Nome</th>
                        <th scope="col">Certificato</th>
                        <th scope="col">Presenza</th>
                    </tr>
                </thead>
                <tbody id="checkall-target">
                    @foreach($records as $idx => $record)
                        <tr>
                            <td>{{$idx}}</td>
                            <td>{{$record["first_name"]}}</td>
                            <td>{{$record["last_name"]}}</td>
                            <td></td>
                            <td><input class="member" type="checkbox" value="{{$record["id"]}}" {{$record["presence"] ? 'checked' : ''}}></td>
                        </tr>
                    @endforeach

                </tbody>
            </table>

        </section>

        <div class="row">
            <div class="col-md-6">
                <button type="button" class="btn--ui " style="background-color:red !important">Annulla Lezione</button>
            </div>
            <div class="col-md-6 text-end">
                <button type="button" class="btn--ui lightGrey" onclick="document.location.href='/calendar'">Annulla</button>
                <button type="button" class="btn--ui" onclick="save()">Salva</button>
            </div>
        </div>

    </section>


</div>

@push('scripts')
    
    
@endpush

@push('scripts')
    <script>

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

        Livewire.on('load-data-table', () => {
            
        });

        function save()
        {
            var ids = [];
            $('input[type=checkbox]').each(function () {
                if ($(this).is(":checked")) 
                {
                    var val = $(this).val();
                    ids.push(val);
                }
            });

            @this.save(ids);
        }
        
    </script>
@endpush