<div style="color: black" class="entity-attribute entity-attribute-numeric {!! $styleClass !!}   @if($errors->has((string)$key)) error @endif {!!$styleClass!!}"
     data-uk-tooltip="{pos:'bottom-right'}"
     title="{{ $errors->get((string)$key) != [] ? $errors->get((string)$key)[0] : ''}}"
     data-fraction-length="{{ $fractionLength }}"
     data-zero-pad-fraction={{ $zeroPadFraction }}

     @foreach($dataAttributes as $dataAttributeName => $dataAttributeValue)
         {{ $dataAttributeName }}="{{ $dataAttributeValue }}"
     @endforeach
>

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

    <span class="c-numeric">
        <input type="hidden" class="js-real-input" name="{{ $key }}" id="{{ $key }}" value="{{ $value }}" data-test="{{ $key }}">
        <span class="c-numeric__label  c-numeric__label--prefix">{{ $prefix }}</span>
        <div class="c-numeric__picker">
            <div class="c-numeric__value">
                <input type="number"
                       id="{{(string)$key}}_whole"
                       name="{{(string)$key}}_whole"
                       value="{{ old((string)$key, $value) }}"
                       data-test="{{ $key.'-whole' }}"
                       class="c-numeric__input  js-whole"
                       data-min="{{ $wholeMin }}"
                       data-max="{{ $wholeMax }}"
                       data-step="{{ $wholeStep }}"
                >
            </div>
            <div class="c-numeric__buttons">
                <button type="button" class="c-numeric__button  c-numeric__button--up  js-whole-up" data-test="{{ $key.'-whole-up' }}">+</button>
                <button type="button" class="c-numeric__button  c-numeric__button--down  js-whole-down" data-test="{{ $key.'-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}}_fraction"
                            name="{{(string)$key}}_fraction"
                            value="{{ old((string)$key, $value) }}"
                            data-test="{{ $key.'-fraction' }}"
                            class="c-numeric__input  c-numeric__input--fraction  js-fraction"
                            data-min="{{ $fractionMin }}"
                            data-max="{{ $fractionMax }}"
                            data-step="{{ $fractionStep }}"
                     >
                 </div>
                <div class="c-numeric__buttons">
                    <button type="button" class="c-numeric__button  c-numeric__button--up  js-fraction-up" data-test="{{ $key.'-fraction-up' }}">+</button>
                    <button type="button" class="c-numeric__button  c-numeric__button--down  js-fraction-down" data-test="{{ $key.'-fraction-down' }}">-</button>
                </div>
            </div>
        @endif
        <span class="c-numeric__label  c-numeric__label--suffix">{{ $suffix }}</span>
    </span>

    @if($explanation)<span class="explanation">{{ $explanation }}</span> @endif
</div>