@forelse($checklists as $checklist)
    <div class="flex items-center gap-2">
        @php
        $checked = $checklist->completors->count() > 0 && $checklist->completors->first()->pivot->completed_at ? "checked" : "";
        @endphp
        <div class="w-4 h-4">
            <input data-task="{{ $checklist->task->id }}"
                value="{{ $checklist->id }}"
                class="checklist"
                type="checkbox"
                name="checklists[]"
                id="{{ $prefix??"" }}checklists-{{ $checklist->id }}" {{ $checked }} />
        </div>
        <label class="form-label text-sm-regular m-0" for="{{ $prefix??"" }}checklists-{{ $checklist->id }}">{{ $checklist->title }}</label>
    </div>
@empty

    @if(!$task->isCompleted() && ( $task->canBeCompletedByUser(auth()->user()->id)  || auth()->user()->hasRole('Super Admin') ) )
        <button type="button" data-task="{{ $task->id }}" class="btn-complete w-fit btn-secondary-sm">
            {{__('forms.lbl_mark_as_complete')}}
        </button>
    @endif

@endforelse