modal(
name='product-discount'
transition='nice-modal-fade'
:classes="['v--modal', 'product-discount']"
@before-close='beforeClose'
)
form
.discount-item
label.discount-label Precio unitario
input.discount-input(
readonly
:value='(!item || item.price) | currency(...options)'
)
.discount-item
label.discount-label Precio mínimo
input.discount-input(
readonly
:value='(!item || item.minimumPrice) | currency(...options)'
)
.discount-item
label.discount-label Precio máximo
input.discount-input(
readonly
:value='(!item || item.maximumPrice) | currency(...options)'
)
hr
.discount-item
label.discount-label Precio aplicado
input.discount-input(
autofocus
v-model='formattedAmmount'
:class="{'discount-input-invalid': !isValid()}"
)
.discount-item
label.discount-label {{ discount < 0 ? 'Ganancia' : 'Descuento' }}
input.discount-input(
readonly
:value='discount | absolute | currency(...options)'
)
.discount-options
button.discount-button(
:disabled='isValid() === false'
@click.prevent='onAccept'
) Aceptar
button.discount-button(@click.prevent='onCancel') Cancelar