{{--
@props([
  'name',
  'groupId',        // INT – do filtrowania w DB
  'groupName',      // string – tylko do wyświetlania
  'selectedIds' => [],
  'required' => false,
  'listUrl',
])

@php
  $selectedIds = collect($selectedIds)->map(fn($v)=>(string)$v)->values()->all();
  $id = 'dcl_' . $groupId . '_' . uniqid();
@endphp

<div class="dynamic-checklist-block"
     id="{{ $id }}"
     data-url="{{ $listUrl }}"
     data-group-id="{{ (int)$groupId }}"
     data-name="{{ $name }}"
     data-selected='@json($selectedIds)'>

  <div class="font-weight-bold form-check form-check-inline" style="justify-content: flex-start;">
    {{ $groupName }}
  </div>
  <hr/>

  <div class="js-list"></div>

  @if($required)
    <input type="hidden" name="{{ $name }}__required" value="1">
  @endif
</div>
--}}
{{-- ------------ --}}
@props([
  'name',
  'groupId',
  'groupName' => null,   // opcjonalne
  'selectedIds' => [],
  'required' => false,
  'listUrl',
  'disabled' => false,   // ← NOWE
])

@php
  $selectedIds = collect($selectedIds)->map(fn($v)=>(string)$v)->values()->all();
  $id = 'dcl_' . (int)$groupId . '_' . uniqid();
@endphp

<div class="dynamic-checklist-block"
     id="{{ $id }}"
     data-url="{{ $listUrl }}"
     data-group-id="{{ (int)$groupId }}"
     data-name="{{ $name }}"
     data-disabled="{{ $disabled ? 1 : 0 }}"
     data-selected='@json($selectedIds)'>

  @if(!empty($groupName))
    <div class="d-flex justify-content-between align-items-center">
      <h5 class="mb-2">{{ $groupName }}</h5>
    </div>
  @endif

  {{-- Zaznacz wszystkie --}}
  <div class="form-check form-check-inline" style="justify-content: flex-start;">
    <input type="checkbox" class="form-check-input js-check-all" id="{{ $id }}_checkall">
    <label class="form-check-label" for="{{ $id }}_checkall">Zaznacz wszystkie</label>
  </div>
  <hr/>

  <div class="js-list"></div>

  @if($required)
    <input type="hidden" name="{{ $name }}__required" value="1">
  @endif
</div>