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

<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">Lezioni da rimuovere</h2>
        </div>
    </header>

    <br>

    <div class="row">
        <div class="col-12 mb-3">
            <h3 class="primary">Lezioni inserite senza nessun iscritto</h3>
        </div>
        <div class="col-12">
            <table class="report-table">
                <thead>
                    <tr>
                        <td></td>
                        <td>Data</td>
                        <td>Ora</td>
                        <td>Corso</td>
                        <td></td>
                    </tr>
                </thead>
                <tbody>
                    @foreach($records as $record)
                    <tr>
                        <td><input type="checkbox" value="{{$record["id"]}}" class="chk"></td>
                        <td>{{$record["date"]}}</td>
                        <td>{{$record["hour"]}}</td>
                        <td>{{$record["name"]}}</td>
                        <td><a href="/presences?calendarId={{$record["id"]}}" target="_blank">Visualizza</a></td>
                    </tr>
                    @endforeach
                </tbody>
                <span id="deleting" style="display:none">Eliminazione in corso...</span>
                <input type="button" class="btDelete btn--ui" value="Elimina">
            </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() {

        var ids = [];

        $('.chk').change(function() {
            console.log($(this).val());
            if(this.checked) 
            {
                ids.push($(this).val());
            }
            else
            {
                var index = ids.indexOf($(this).val());
                if (index > -1) 
                {
                    ids.splice(index, 1);
                }
            }
        }); 

        $(".btDelete").click(function(){
            $("#deleting").show();
            @this.removeSelected(ids);      
        });

    });
</script>
@endpush