2023-06-11 12:14:03 +00:00
|
|
|
<div class="coupon-wrap">
|
2023-12-03 14:07:47 +00:00
|
|
|
<div class="d-flex">
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
v-model="couponCode"
|
|
|
|
|
placeholder="{{ trans('storefront::cart.enter_coupon_code') }}"
|
|
|
|
|
class="form-control"
|
|
|
|
|
@keyup.enter="applyCoupon"
|
|
|
|
|
@input="couponError = null"
|
|
|
|
|
>
|
2023-06-11 12:14:03 +00:00
|
|
|
|
|
|
|
|
<button
|
|
|
|
|
type="button"
|
2023-12-03 14:07:47 +00:00
|
|
|
class="btn btn-default btn-apply-coupon"
|
2023-06-11 12:14:03 +00:00
|
|
|
:class="{ 'btn-loading': applyingCoupon }"
|
|
|
|
|
@click.prevent="applyCoupon"
|
|
|
|
|
>
|
2023-12-03 14:07:47 +00:00
|
|
|
{{ trans('storefront::cart.apply') }}
|
2023-06-11 12:14:03 +00:00
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<span
|
|
|
|
|
class="error-message"
|
|
|
|
|
v-if="couponError"
|
|
|
|
|
v-text="couponError"
|
|
|
|
|
>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
