@php
    // パラメータのデフォルト値設定
    $productId = $productId ?? 0;
    $warehouseId = $warehouseId ?? 0;
    $value = $value ?? '';
    $name = $name ?? 'inventory_lot_id';

    // ロット一覧を取得
    $lots = [];
    if ($productId && $warehouseId) {
        $setTransferService = app(\App\Services\Logic\User\Inventory\SetTransferService::class);
        $lots = $setTransferService->getInventoryLotsByProduct($productId, $warehouseId);
    }

    $selected = fn($val) => ($val == $value) ? 'selected' : '';
    $attr['class'] = 'input-select w-full';
    $attr['x-data'] = '{}';
@endphp

<select 
    name="{{ $name }}" 
    {!! $attributes->merge($attr) !!}
    x-on:change-lot.window="
        if ($event.detail.productId == '{{ $productId }}' && $event.detail.warehouseId == '{{ $warehouseId }}') {
            // ロット選択肢を更新
            fetch('{{ route("set-transfers.lots") }}?' + new URLSearchParams({
                product_id: $event.detail.productId,
                warehouse_id: $event.detail.warehouseId
            }))
            .then(response => response.json())
            .then(lots => {
                $el.innerHTML = '<option value=\"\">-- ロットを選択してください --</option>';
                lots.forEach(lot => {
                    const option = new Option(lot.label, lot.id);
                    if (lot.available_qty <= 0) {
                        option.disabled = true;
                        option.text += ' (在庫不足)';
                    }
                    $el.add(option);
                });
            });
        }
    "
>
    <option value="">-- ロットを選択してください --</option>
    @foreach($lots as $lot)
        <option value="{{ $lot['id'] }}" 
                {{ $selected($lot['id']) }}
                @if($lot['available_qty'] <= 0) disabled @endif>
            {{ $lot['label'] }}@if($lot['available_qty'] <= 0) (在庫不足)@endif
        </option>
    @endforeach
</select>