@php
    $validFrom = count($productPrices) > 0 ? $productPrices[0]->valid_from : '';
    $currencyId = count($productPrices) > 0 ? $productPrices[0]->currency_id : '';
    $productId = count($productPrices) > 0 ? $productPrices[0]->product_id : '';
@endphp

<div class="flex flex-col max-w-fit">
    <div class="entry-item">
        <label class="required">適用開始日</label>
        <div>
            <x-input.date name="valid_from" class="w-24"
                value="{{old('valid_from', $validFrom)}}" />
                <x-input.error item="valid_from" />
        </div>
    </div>
    {{-- 適用終了日は次グループの適用開始日から自動決定するため、入力欄を持たない --}}
    <div class="entry-item">
        <label class="required">通貨</label>
        <div>
            <x-parts.select-currency
                name="currency_id"
                value="{{old('currency_id', $currencyId)}}" />
            <x-input.error item="currency_id" />
        </div>
    </div>
    
    <div>
        <label>ランク一覧</label>
        <div x-data="Parts.entrySub" data-id="productPrices"
            x-init="def({{json_encode($productPrices)}})" >
                            
            <div  class="mt-1.5">
                <table class="entry-list-table">
                    <colgroup>
                        <col class="w-24">  <!--ランク-->
                        <col class="min-36"><!--単価-->
                        <col class="min-w-36"><!--備考-->
                    </colgroup>
                    <thead>
                        <tr>
                            <th>ランク</th>
                            <th>単価</th>
                            <th>備考</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($productPrices as $index => $row)
                        <tr>
                            <input type="hidden" name="id_{{$index}}" value="{{$row->id ?? ''}}">
                            <input type="hidden" name="price_rank_id_{{$index}}" value="{{$row->price_rank_id}}">
                            <td>{{$priceRanks[$index]->rank_name}}</td>
                            <td>
                                <x-input.number name="unit_price_{{$index}}" class="w-full" digit="0" value="{{old('unit_price_'.$index, $row->unit_price)}}" />
                                <x-input.error item="unit_price_{{$index}}" />
                            </td>
                            <td>
                                <x-input.text name="note_{{$index}}" class="w-full" value="{{old('note_'.$index, $row->note)}}" />
                                <x-input.error item="note_{{$index}}" />
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <input type="hidden" name="product_id" value="{{$productId}}">
    
</div>