<div class="form-group m-b-lg" ng-show="show"> <a ng-click="code.input = true" ng-hide="code.input" class="b-b pointer" translate>{{ 'app.shared.coupon_input.i_have_a_coupon' }}</a> <div ng-show="code.input"> <label for="coupon_code" translate>{{ 'app.shared.coupon_input.code_' }}</label> <div class="input-group m-b"> <input type="text" class="form-control" name="coupon_code" ng-model="couponCode" id="coupon_code" ng-model-options='{ debounce: 1000 }' ng-change='validateCode()'/> <span class="input-group-addon" ng-class="{'label-success': status == 'valid', 'label-danger text-white': status == 'invalid'}"> <i class="fa fa-spinner fa-pulse fa-fw" ng-show="status == 'pending'"></i> <i class="fa fa-times" ng-show="status == 'invalid'"></i> <i class="fa fa-check" ng-show="status == 'valid'"></i> </span> </div> <uib-alert ng-repeat="msg in messages" type="{{msg.type}}" close="closeMessage($index)">{{msg.message}}</uib-alert> </div> </div>