<div class="discount-tip" ng-bind="nextDiscount" ng-init="nextDiscount= '<?php echo $product->discountBarDiscounts[0]->next_discount_description; ?>'"> <?php echo $product->discountBarDiscounts[0]->next_discount_description; ?></div> <ul class="product-discount-bar" ng-init="currentDiscount = nextDiscount"> <?php foreach($product->discountBarDiscounts as $key => $discount): ?> <li ng-click=" <?php if($key+1 < count($product->discountBarDiscounts)): ?> nextDiscount = '<?php echo $product->discountBarDiscounts[$key+1]->next_discount_description; ?>'; <?php endif; ?> currentDiscount = nextDiscount; quantity = <?php echo $discount->quantity_min; ?>" ng-class="{'active' : quantity >= <?php echo $discount->quantity_min; ?> }" ng-mouseover="nextDiscount = '<?php echo $discount->next_discount_description; ?>'" ng-mouseleave="nextDiscount = currentDiscount" > <?php echo $discount->click_text; ?> </li> <?php endforeach; ?> </ul>