@if ($checklist->status == 'completed' && !$checklist->complete_temporarily)
    <div class="flex justify-end gap-1 items-center">
        @if ($checklist->status == 'completed' && !$checklist->complete_temporarily)

            @if ($supervisors->contains($user->id))


                @if ($checklist->approved)
                    <button data-checklist-id="{{ $checklist->id }}" data-id="{{ $checklist->id }}" disabled>
                        <x-svg-icon class="text-custom-green-500" width="24" height="24" icon="icon-check" />
                    </button>
                @else
                    <button data-id="all" data-checklist-id="{{ $checklist->id }}"
                        class="btn-checklist-approved-all btn-checklist-approved">
                        <x-svg-icon class="text-custom-blue-500" width="24" height="24" icon="icon-check" />
                    </button>
                @endif

            @endif

        @endif
    </div>
@endif

@foreach ($items as $item)
    @include('checklist::checklists.sub-task')
@endforeach