@php
    use Illuminate\Support\Str;

    // Unikalny UID instancji (ważne: wiele razy w tym samym formularzu)
    $uid = $uid ?? ('ds_' . Str::uuid()->toString());

    // opcje: kolekcja / array obiektów (np. z DB)
    // selectedIds: array wartości wybranych w kolejnych wierszach (opcjonalnie)
    $selectedIds = $selectedIds ?? [];

    $hasRows = is_array($selectedIds) && count($selectedIds) > 0;
@endphp

<div class="form-check form-check-inline" style="align-items:flex-start;">
  <div id="{{ $uid }}_container">

    <div id="{{ $uid }}_wrapper">
      @if($hasRows)
        @foreach($selectedIds as $selId)
          <div class="select-row d-flex align-items-center flex-nowrap mb-1">
            <select class="form-control dynamic-select {{ $selectClass ?? '' }}"
                    name="{{ $name }}[]"
                    style="width:{{ $width ?? '235px' }};"
                    @if(!empty($required)) required @endif>
              <option value="">-- wybierz --</option>
              @foreach($items as $item)
                @php
                  $optVal = data_get($item, $valueField ?? 'id');
                  $optTxt = data_get($item, $textField ?? 'nazwa_pelna');
                  $optExtra = $extraField ? data_get($item, $extraField) : null;
                  $text = $optExtra ? ($optTxt.' - '.$optExtra) : $optTxt;
                @endphp
                <option value="{{ $optVal }}" {{ (string)$optVal === (string)$selId ? 'selected' : '' }}>
                  {{ $optVal.'.) '.$text }}
                </option>
              @endforeach
            </select>

            <button type="button" class="btn btn-danger btn-sm remove-select ml-2"><i class="fas fa-times fa-lg"></i></button>
          </div>
        @endforeach
      @else
        <div class="select-row d-flex align-items-center flex-nowrap mb-1">
          <select class="form-control dynamic-select {{ $selectClass ?? '' }}"
                  name="{{ $name }}[]"
                  style="width:{{ $width ?? '235px' }};"
                  @if(!empty($required)) required @endif>
            <option value="">-- wybierz --</option>
            @foreach($items as $item)
              @php
                $optVal = data_get($item, $valueField ?? 'id');
                $optTxt = data_get($item, $textField ?? 'nazwa_pelna');
                $optExtra = $extraField ? data_get($item, $extraField) : null;
                $text = $optExtra ? ($optTxt.' - '.$optExtra) : $optTxt;
              @endphp
              <option value="{{ $optVal }}">{{ $optVal.'.) '.$text }}</option>
            @endforeach
          </select>

          <button type="button" class="btn btn-danger btn-sm remove-select ml-2"><i class="fas fa-times fa-lg"></i></button>
        </div>
      @endif
    </div>

    {{-- TEMPLATE: do klonowania --}}
    <div id="{{ $uid }}_template" class="d-none">
      <div class="select-row d-flex align-items-center flex-nowrap mb-1">
        <select class="form-control dynamic-select {{ $selectClass ?? '' }}"
                name="{{ $name }}[]"
                style="width:{{ $width ?? '235px' }};"
                @if(!empty($required)) required @endif>
          <option value="">-- wybierz --</option>
          @foreach($items as $item)
            @php
              $optVal = data_get($item, $valueField ?? 'id');
              $optTxt = data_get($item, $textField ?? 'nazwa_pelna');
              $optExtra = $extraField ? data_get($item, $extraField) : null;
              $text = $optExtra ? ($optTxt.' - '.$optExtra) : $optTxt;
            @endphp
            <option value="{{ $optVal }}">{{ $optVal.'.) '.$text }}</option>
          @endforeach
        </select>

        <button type="button" class="btn btn-danger btn-sm remove-select ml-2"><i class="fas fa-times fa-lg"></i></button>
      </div>
    </div>

    <div class="proces-2_select-2_add my_OnOffEdition">
      <button type="button" class="btn btn-success btn-sm ml-2"
              id="{{ $uid }}_add"
              >
        <i class="fas fa-plus fa-lg" aria-hidden="true"></i>
      </button>
    </div>
  </div>
</div>

<div id="{{ $uid }}_error" class="text-danger mt-2" style="display:none;"></div>


@once
  @push('scripts')
    {{--<script src="{{ asset('js/my_dynamic-select.js') }}"></script>--}}
  @endpush
@endonce

@push('scripts')
<script>
  (function () {
    window.initDynamicAdminSelect({
      uid: @json($uid),
      wrapper: '#{{ $uid }}_wrapper',
      template: '#{{ $uid }}_template .select-row',
      addBtn: '#{{ $uid }}_add',
      errorBox: '#{{ $uid }}_error',
      listUrl: @json($listUrl ?? null),
      formSelector: @json($formSelector ?? null)
    });
  })();
</script>
@endpush