li.cart-item(:class="{ 'cart-item-invalid': !isValid() }" :style="{ height: itemHeight + 'px' }")
h3.item-name {{ item.name }}
input.item-quantity(
type='number'
v-model.number='quantity'
@focus='onFocus'
@blur='onBlur'
)
span.item-x x
span.item-price {{ item.price | currency(...currencyOptions) }}
span.item-equals =
span.item-subtotal {{ (item.price * (item.quantity || 1)) | currency(...currencyOptions) }}
.item-packs-wrapper(v-if='!!item.packs.length')
h3.item-packs-title Contenido del pack
ul.item-packs
li.item-pack(
v-for='(pack, index) in item.packs'
:key='index'
)
span.pack-index {{ index + 1 }}.
h3.pack-name {{ pack.name }}
span.pack-x x
span.pack-quantity {{ pack.quantity }}
.cart-item-options-wrapper
.cart-item-options
.cart-item-option(
class='fa fa-plus'
@click='onClickIncrement'
)
.cart-item-option(
class='fa fa-minus'
@click='onClickDecrement'
)
.cart-item-option(
class='fa fa-money'
@click='onClickMoney'
)
.cart-item-option(
class='fa fa-undo'
@click='onClickUndo'
)
.cart-item-option(
class='fa fa-trash'
@click='onClickDelete'
)