.pos-step
ticket(:customerName='selectedCustomer && selectedCustomer.name' :companyName='user && user.company.name' :total='cartTotal' :items='cartItems' :defaultCurrency='selectedCurrency')
form.payment-amount
.form-loading(v-show='processing')
.form-overlay
.form-spinner
spinner(type='wave')
.form-separator
h3 Detalles del Pago
hr
.form-item
label.form-label Monto a Pagar
input.form-input(:value='cartTotal | currency(...selectedCurrency)' readonly)
.form-item
label.form-label Monto Recibido
input.form-input(v-model='amountReceived' autofocus)
.form-item(v-show="paymentType === 'cash'")
hr
label.form-label Monto a Devolver
input.form-input(:value='paymentResidual | currency(...selectedCurrency)' readonly)
.form-item-table(v-show="paymentType === 'credit'")
table
thead
tr
th Monto a Pagar
th Fecha de Pago
tbody
tr(v-for='line in paymentLines')
td {{ line.total | currency(...selectedCurrency) }}
td {{ line.date }}
document-selector(:show='askForPrint' @onPrint='processPrint' @onCancel='processPrint')