{$_tooltips["price-error"] = [
    "id" => "price-error",
    "html" => sprintf(_w("Enter a number between 0 and %s99,999,999,999.9999%s with max. 4 decimal digits."), '<span class="nowrap">', "</span>"),
    "width" => "16rem"
]}

{capture assign="_component_product_column_price"}
    <div class="vue-render-type-price">
        <template v-if="states.is_locked">
            <span class="s-icon icon" v-bind:key="'fa-spinner'"><i class="fas fa-spinner fa-spin"></i></span>
        </template>
        <template v-else>
            <template v-if="show_price_range">
                <div class="s-price-range" v-html="price_range"></div>
            </template>
            <template v-else>
                <div class="s-field-wrapper" v-if="show_readonly">
                    <input class="s-field small full-width is-number s-square-field" type="text" readonly
                           v-bind:class="{ 'strike' : column.column_type === 'compare_price' }"
                           v-on:click="edit(true)"
                           v-on:focus="edit(true)"
                           v-bind:value="formatted_value">
                    <span class="s-currency" v-html="column_data.currency.sign_html"></span>
                </div>
                <div class="s-field-wrapper" v-else>
                    <input class="s-field small full-width is-number s-square-field" type="text"
                           v-model="column_data.value"
                           v-bind:class="{ 'state-error': errors['price_error'] }"
                           v-on:input="validate(column_data.value, 'price', column_data, 'value')"
                           v-on:blur="edit(false)"
                           v-on:change="onChange">
                        <span class="s-currency" v-html="column_data.currency.sign_html"></span>

                    <div class="state-error-hint" v-if="errors['price_error']">
                        {_w("Invalid value")|escape}
                        <span class="s-tooltip-icon" data-tooltip-id="price-error"><i class="fas fa-question-circle text-red"></i></span>
                    </div>
                </div>
            </template>
        </template>
    </div>
{/capture}
{$_components["component-product-column-price"] = $_component_product_column_price|strip}