{{-- item price template --}}
<div id="item_size_price_template" class="col-12 row d-none">
    <div id="item_size_price_template___index__" class="col-12 row item_size_price_template">
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 form-group">
            <label for="item[__index__][item_size_id]" class="form-label">{{ __('common.size') }}</label>
            <select id="item[__index__][item_size_id]" name="item[__index__][item_size_id]"
                onchange="selectSize(__index__)" data-size="__index__"
                class="size_selection item_size_id___index__ form-control custom-select @error('item[__index__][item_size_id]') is-invalid @enderror">
                <option value="">
                    {{ __('common.selectItemSize') }}
                </option>
                @foreach ($itemSize as $index => $size)
                    <option value="{{ $index }}">
                        {{ $size }}
                    </option>
                @endforeach
            </select>
            @error('item[__index__][item_size_id]')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 form-group">
            <label for="item[__index__][item_price]" class="form-label">{{ __('common.price') }} (£)</label>
            <input type="number" class="form-control @error('item[__index__][item_price]') is-invalid @enderror"
                id="item[__index__][item_price]" name="item[__index__][item_price]" maxlength="6"
                oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                placeholder="{{ __('common.EnterItemPrice') }}"
                data-size="__index__"
                value="{{ isset($item_price) && $item_price != null ? $item_price : '' }}">
            @error('item[__index__][item_price]')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-12 form-group d-none">
            {{-- <div class="custom-control custom-radio">
                <input type="radio" id="item[__index__][defaultPrice]" name="defaultPrice" class="custom-control-input default-price">
                <label class="custom-control-label" for="item[__index__][defaultPrice]">{{ __('common.DefaultPrice') }}</label>
            </div>
            <input type="hidden" id="item_price" name="item_price"
                value="" hidden> --}}
            <input type="hidden" id="item[__index__][item_price_id]" name="item[__index__][item_price_id]"
                value="" hidden>
        </div>
        <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 col-12 form-group delete_btn delete___index__"
            style="display: none;">
            <button type="button" href class="btn danger-btn repeat"
                onclick="deleteItemSizeAndPrice(__index__)">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round" />
                </svg>
            </button>
        </div>
    </div>
</div>