.pos
form-wizard(
title=''
subtitle=''
color='#7c7bad'
ref='wizard'
)
tab-content(
title='Qué productos necesita?'
:beforeChange='checkCart'
)
product-step
tab-content(
title='Quién es el cliente?'
:beforeChange='checkCustomer'
)
customer-step
tab-content(
v-if='isSale'
title='Cómo quieres pagar?'
)
payment-step
template(
slot='footer'
slot-scope='props'
)
.wizard-footer-left
wizard-button(
v-if='props.activeTabIndex > 0'
@click.native='goBack'
:style='props.fillButtonStyle'
) Volver
.wizard-footer-center(v-show='showStoreSelector')
.store-selector
span
strong Sucursal
input-select(
:options='stores.map(s => ({ id: s.id, name: s.name }))'
:selected='selectedStore'
@onSelect='selectStore'
)
connection-status(@onChangeNet='changeNetStatus')
.wizard-footer-right
wizard-button(
v-if='!props.isLastStep'
class='wizard-footer-right'
:style='props.fillButtonStyle'
@click.native='goNext'
) Continuar
wizard-button(
v-else
class='wizard-footer-right finish-button'
:style='props.fillButtonStyle'
@click.native='endProcess'
) {{ props.isLastStep ? 'Finalizar' : 'Continuar' }}
settings-button(
v-show='!loading && isManager && isWired'
@onClick='toggleSettingsVisibility'
)
settings-modal(
:show='settingsVisibility'
:settings='settings'
@onClose='toggleSettingsVisibility'
@onChangeSetting='changeSetting'
)
loading-overlay(:show='loading')