{{^coupon.applied}}
	<div class="coupon">
		<a data-toggle="collapse" href="#coupon-content" aria-expanded="false" aria-controls="coupon-content">
			<i class="fa fa-tag mr-1" aria-hidden="true"></i>Você possui um cupom ou vale-troca? Clique aqui
		</a>
		<div class="collapse mt-2" id="coupon-content">
			<form class="row align-items-start coupon-form" autocomplete="off">
				<div class="col-sm-8">
					<input class="form-control" name="coupon" type="text" data-checkout-coupon-field>
					<label class="custom-error" data-checkout-coupon-error></label>
				</div>
				<div class="col-sm-4 text-right">
					<button class="btn btn-primary" id="apply-coupon" type="button" data-checkout-coupon-apply>aplicar</button>
				</div>
			</form>
		</div>
	</div>
	{{/coupon.applied}}

	{{#coupon.applied}}
	<div class="applied-coupon advise">
		<button type="button" class="close remove-coupon" data-coupon-id="{{coupon.reference}}" aria-label="Close" data-checkout-coupon-remove>
			<i class="fa fa-times" aria-hidden="true"></i>
		</button>
		<p class="m-0"><i class="fa fa-check-circle mr-1" aria-hidden="true"></i>Cupom {{coupon.reference}} aplicado com sucesso</p>
		<p class="m-0">{{coupon.information}}</p>
	</div>
	{{/coupon.applied}}