LAR_Maintenance/resources/views/maintenance/planned-detail.blade.php

<x-layout-app>
    <div class="container-xl">
        <div class="page-header">
            <h1>{{ __('Planned Maintenance') }}</h1>
        </div>
        <p>{!! $maintenance_history->maintenance->description !!}</p>
        @foreach ($maintenance_history->historyHosts as $historyHost)
        <div class="mb-3">
            <div class="btn-toggle btn py-3 w-100 bg-primary text-start" style="--bs-bg-opacity: .2;" data-bs-toggle="collapse" data-bs-target="#collapse{{ $historyHost->id }}">
                <b>{{ $historyHost->host->hostname }}</b>
            </div>
            <div class="collapse" id="collapse{{ $historyHost->id }}">
                <div class="card card-body mt-2">
                    @foreach ($historyHost->historyTasks as $historyTasks)
                        <x-form::checkbox wire:model="test" label="{{$historyTasks->maintenanceTask->task->name}}"/>
                        {!! $historyTasks->maintenanceTask->task->description !!}
                    @endforeach
                </div>
            </div>
        </div>
        @endforeach
    </div>
</x-layout-app>