@php
    $idx = $index;   // index of row-container
    $typeVal = (int) $type; // 1/2
@endphp

<div class="cost-center-group" data-index="{{ $idx }}">
    <div class="d-flex align-items-center mb-2">
        <strong class="me-2">@lang('admin.cost_centers')</strong>
        <button type="button" class="btn btn-sm btn-primary" onclick="addCostCenterRow({{ $idx }})">+</button>
    </div>

    <div class="cost-center-rows" id="cc_rows_{{ $idx }}">
        @php
            // لو فيه مراكز محفوظة للبند، اعرضها
            $rows = [];
            if(isset($selected_centers) && $selected_centers->count()){
              foreach($selected_centers as $centerId => $items){
                $first = $items->first();
                $rows[] = [
                  'center_id' => $centerId,
                  'perc' => $first->amount_perc,
                  'amount' => $first->amount,
                ];
              }
            } else {
              // row افتراضي واحد
              $rows[] = ['center_id' => '', 'perc' => 100, 'amount' => 0];
            }
        @endphp

        @foreach($rows as $k => $r)
            <div class="parent_row d-flex gap-2 align-items-center mb-2">
                <select class="form-control cc-center"
                        name="center_id[{{ $idx }}][{{ $k }}]">
                    <option value="">@lang('admin.select')</option>
                    @foreach($all_centers as $c)
                        @php
                            $label = $c->{'center_name_' . app()->getLocale()};
                            $isChild = (int)$c->parent_center_id !== 0;
                        @endphp
                        <option value="{{ $c->id }}" {{ (int)$r['center_id'] === (int)$c->id ? 'selected' : '' }}>
                            {{ $isChild ? '— ' : '' }}{{ $label }} ({{ $c->center_code }})
                        </option>
                    @endforeach
                </select>

                <input type="text" class="form-control camount"
                       name="camount[{{ $idx }}][{{ $k }}]"
                       value="{{ $r['perc'] ?? 0 }}"
                       placeholder="%">

                <input type="text" class="form-control {{ $typeVal===2 ? 'mamount':'damount' }}"
                       name="{{ $typeVal===2 ? 'mamount':'damount' }}[{{ $idx }}][{{ $k }}]"
                       value="{{ $r['amount'] ?? 0 }}"
                       placeholder="@lang('admin.amount')">

                <button type="button" class="btn btn-sm btn-danger" onclick="removeCostCenterRow(this)">×</button>
            </div>
        @endforeach
    </div>
</div>