<div class="entity-attribute c-vat-scenario  js-vat-scenario @if($errors->has($key)) has-error @endif {!! $styleClass !!}"
     data-test="{{ $key }}"
     data-key="{{ $key }}"
     data-value-part="{{ $valuePart }}"
>
    <div style="display: flex; align-items: flex-end;">
        <div style="flex: none;">

            <div class="entity-attribute entity-attribute-numeric"
                 data-fraction-length="{{ $fractionLength }}"
                 data-zero-pad-fraction={{ $zeroPadFraction }}
            >

                @include('KMS::attributes.label')

                <span class="c-numeric">
                        <input type="hidden" class="js-real-input" name="{{ $key . '_numeric' }}"
                               id="{{ $key . '_numeric' }}"
                               value="{{ $price }}" data-test="{{ $key . '_numeric' }}">
                        @if(!empty($prefix))<span
                            class="c-numeric__label  c-numeric__label--prefix">{{ $prefix }}</span>@endif
                        <div class="c-numeric__picker">
                            <div class="c-numeric__value">
                                <input type="number"
                                       id="{{(string)$key . '_numeric'}}_whole"
                                       name="{{(string)$key . '_numeric'}}_whole"
                                       value="{{ old((string)$key . '_numeric', $price) }}"
                                       data-test="{{ $key . '_numeric'.'-whole' }}"
                                       class="c-numeric__input  js-whole"
                                       data-min="{{ $wholeMin }}"
                                       data-max="{{ $wholeMax }}"
                                       data-step="{{ $wholeStep }}"
                                       style="min-height: 40px;"
                                >
                            </div>
                            <div class="c-numeric__buttons">
                                <button type="button" class="c-numeric__button  c-numeric__button--up  js-whole-up"
                                        data-test="{{ $key . '_numeric'.'-whole-up' }}">+</button>
                                <button type="button" class="c-numeric__button  c-numeric__button--down  js-whole-down"
                                        data-test="{{ $key . '_numeric'.'-whole-down' }}">-</button>
                            </div>
                        </div>
                        @if($fractionLength > 0)
                        <span class="c-numeric__label  c-numeric__label--separator">{{ $separator }}</span>
                        <div class="c-numeric__picker">
                                 <div class="c-numeric__value">
                                     <input type="number"
                                            id="{{(string)$key . '_numeric'}}_fraction"
                                            name="{{(string)$key . '_numeric'}}_fraction"
                                            value="{{ old((string)$key . '_numeric', $price) }}"
                                            data-test="{{ $key . '_numeric'.'-fraction' }}"
                                            class="c-numeric__input  c-numeric__input--fraction  js-fraction"
                                            data-min="{{ $fractionMin }}"
                                            data-max="{{ $fractionMax }}"
                                            data-step="{{ $fractionStep }}"
                                            style="min-height: 40px;"
                                     >
                                 </div>
                                <div class="c-numeric__buttons">
                                    <button type="button"
                                            class="c-numeric__button  c-numeric__button--up  js-fraction-up"
                                            data-test="{{ $key . '_numeric'.'-fraction-up' }}">+</button>
                                    <button type="button"
                                            class="c-numeric__button  c-numeric__button--down  js-fraction-down"
                                            data-test="{{ $key . '_numeric'.'-fraction-down' }}">-</button>
                                </div>
                            </div>
                    @endif
                    @if(!empty($suffix))
                        <span class="c-numeric__label  c-numeric__label--suffix">{{ $suffix }}</span>
                    @endif
                    </span>

            </div>

        </div>
        <div style="flex: auto;">

            <div class="entity-attribute entity-attribute-select"
                 data-key="{{ $key.'_select' }}"
            >

                <p class="label">BTW</p>

                @if($attribute->getReadOnly())
                    <div class="input-read-only">
                        @foreach($attribute->getItems() as $selectOptionModel)
                            @if($attribute->getValue() == $selectOptionModel->getValue())
                                {{$selectOptionModel->getHtmlContent()}}
                            @endif
                        @endforeach
                    </div>
                    <input type="hidden" name="{{ $key.'_select' }}" value="{{ $attribute->getValue() }}">
                @else
                    <div class="select-wrapper">
                        <select class="select-menu" name="{{$key.'_select'}}" id="{{$key.'_select'}}">
                            @foreach($attribute->getItems() as $selectOptionModel)
                                @if($selectOptionModel->getValue() != $currentId || $attribute->getExcludeCurrentModelItem() == false)
                                    <option @if(old((string)$key.'_select', $vatScenarioEnum) == $selectOptionModel->getValue()) selected
                                            @endif
                                            value="{{$selectOptionModel->getValue()}}">
                                        {!! $selectOptionModel->getHtmlContent() !!}
                                    </option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                @endif
            </div>


        </div>
    </div>

    <input type="hidden" id="{{ $key }}" name="{{ $key }}" value="">
</div>