@foreach (range(0, isset($range) ? $range : 4) as $second_index)
<tr class="addition-wrap" id="addition_box{{ ($index + $second_index) }}" data-id="{{ ($index + $second_index) }}">
    <td>
        @if (($second_index + $index) != 0)
            <p class="add_fieldbtn non-icon ma0 minus"><a class="delete_content{{ $index }}" data-id="{{ ($second_index + $index) }}" id="delete_content{{ ($second_index + $index) }}">削除</a></p>
        @endif
    </td>
    <td>
        <input type="text" data-addition="{{ ($index + $second_index) }}" name="{{'addition['.($index + $second_index).'][summary]'}}" id="{{'summary_'.($index + $second_index)}}" value="{{ isset($item['summary']) ? $item['summary'] : '' }}" class="input-text" style="background-color: rgb(255, 235, 235);">
        @error('addition.'.($index + $second_index).'.summary')
        <span class="error_text">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </td>
    <td>
        <input type="text" data-id="{{ ($index + $second_index) }}" name="{{'addition['.($index + $second_index).'][quantity]'}}" id="{{'quantity'.($index + $second_index)}}" value="{{ isset($item['quantity']) ? $item['quantity'] : '' }}" class="input-text cal-total input-comma addition-input" style="background-color: rgb(255, 235, 235);text-align: right">
        @error('addition.'.($index + $second_index).'.quantity')
            <span class="error_text">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </td>
    <td>
        <input type="text" data-id="{{ ($index + $second_index) }}" name="{{'addition['.($index + $second_index).'][unit_price]'}}" id="{{'unit_price'.($index + $second_index)}}" value="{{ isset($item['unit_price']) ? $item['unit_price'] : '' }}" class="input-text cal-total input-comma addition-input" style="background-color: rgb(255, 235, 235);text-align: right">
        @error('addition.'.($index + $second_index).'.unit_price')
        <span class="error_text">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </td>
    <td>
        <input type="text" data-id="{{ ($index + $second_index) }}" name="{{'addition['.($index + $second_index).'][sub_total]'}}" id="{{'sub_total'.($index + $second_index)}}" value="{{ isset($item['sub_total']) ? $item['sub_total'] : '' }}" class="input-text input-comma sub-total" readonly style="background-color: rgb(255, 235, 235);text-align: right">
        @error('addition.'.($index + $second_index).'.sub_total')
        <span class="error_text">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </td>
    <td>
        <input type="text" data-id="{{ ($index + $second_index) }}" name="{{'addition['.($index + $second_index).'][discount]'}}" id="{{'discount'.($index + $second_index)}}" value="{{ isset($item['discount']) ? $item['discount'] : '' }}" class="input-text input-comma discount_val discount_val{{ $index }} addition-input" style="background-color: rgb(255, 235, 235);text-align: right;">
        @error('addition.'.($index + $second_index).'.discount')
        <span class="error_text">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </td>
    <td>
        <input type="text" data-id="{{ ($index + $second_index) }}" name="{{'addition['.($index + $second_index).'][note]'}}" id="{{'note'.($index + $second_index)}}" value="{{ isset($item['note']) ? $item['note'] : '' }}" class="input-text" style="background-color: rgb(255, 235, 235);">
        @error('addition.'.($index + $second_index).'.note')
            <span class="error_text">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </td>
</tr>
@endforeach


<script>
    $(function () {
        $(document).ready(function () {
            let index= "{{ $index }}";
            $(".discount_val" + index).change(function () {
                let id = $(this).data('id');
                if($(this).val() == '' || $(this).val() == 0){
                    $("#note" + id).val('非課税');
                } else {
                    $("#note" + id).val('');
                }
                calculateTotal();
            });
            $(".delete_content" + index).click(function () {
                let id = $(this).data('id');
                helper_confirm("dialog-confirm", "削除", "作業内容を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){

                    $("#addition_box" + id).remove();
                    calculateTotal();
                });
            });
        });
    });
</script>