
<div class="box-style02 clearfix ">
<div class="clearfix ">
  <!-- Begin : block02 --> 
{if $enablePromoCode eq 'Yes'} 
  <div class="box03"> 
      <h6 class=" prom-head padding-right padding-top">{$language.lblPromoCodeCaption} <small>[{$language.lblOptional}]</small></h6>
      <fieldset>
        <ul class="simple-listing04 row">
          <li class="col-xs-12 col-sm-6"> 
          {if $cartData.orderPromoCode eq ''}
            <div class="input-group"> 
              {form->textbox name="promoCode" class="form-control" value="" autocomplete="off"} 
               <div class="input-group-btn">             
          {form->button name="promo" id="promo" class="btn btn-warning btn-sm"  value=$language.lblApply}
            </div>
             </div>
              {else}
              <div class="rm-promo">
                {html->anchor id="btnUnsetPomo" title="{$language.lblChangeOrRemove}" class="icon-circle-close pull-right" caption=""}  
                <span class="form-control">{$cartData.orderPromoCode}</span>
      			  </div>
			  {/if} 
             </li>
        </ul>
      </fieldset>
    </div>
{/if} 	
		{assign var="unserialize_data" value=$cartData.extra|unserialize}
		{if $unserialize_data.applied_promotions|count >0}
		
				<div id="applied_promotions" class="applied_promotions">
					<h6 class="block strong icon-plus2 rmv-padding" id="promoToggleButton">{$language.lblAppliedPromotions}</h6>
					<ul class="hide promoToggleshow padding-top">
						{foreach from=$unserialize_data.applied_promotions item="promo" key="key"}
							<li class="promo-item">
								<span class="Fsbold">{$promo.ruleName|default:''} -</span> 
								{if $promo.apply|default:'' == 'by_percentage' && $promo.discountAmount >0}
									<span>{$promo.discountAmount} % Off on </span>
									{foreach from=$promo.applicable_items item="item" key="key"}
										{$item.n|unescape:"html" } ,
									{/foreach}
								{/if}
								{if $promo.apply|default:'' == 'by_fixed' && $promo.discountAmount >0}
									<span>{$promo.discountAmount|price:'Full':$cartData.currencyID:$cartData.currencyID} Off on </span>
									{foreach from=$promo.applicable_items item="item" key="key"}
										{$item.n|unescape:"html" } ,
									{/foreach}
								{/if}
								{if $promo.apply|default:'' == 'cart_fixed' && $promo.discountAmount >0}
									<span>{$promo.discountAmount|price:'Full':$cartData.currencyID:$cartData.currencyID} Off</span>
								{/if}
								{if $promo.couponCode|default:'' !=''}
									<span> (CODE - {$promo.couponCode}) </span>
								{/if}
								{if $promo.discount|default:0 >0}
									[<span class="Fsbold">{$promo.discount|price:'Full':$cartData.currencyID:$cartData.currencyID}</span>]
								{/if}
								{if $promo.freeShipping|default:'' =='yes'}
									<span> 
										{$language.lblShippingCostWillBe}
										({$cartData.shippingAmount|price:'Full':$cartData.currencyID:$cartData.currencyID})
									</span>
								{/if}
								
								{if $promo.giftCoupon|default:0 > 0}
									<p class="Fsbold coupon"> 
										{$language.lblFreeGiftCouponWorth}
										({$promo.giftCoupon|price:'Full':$cartData.currencyID:$cartData.currencyID})
									 </p>
								{/if}
								
							</li>
						{/foreach}
					</ul>
					<!--applied_promotions--></div>
			
		{/if}
    <!-- End : Block02 -->
  </div>
</div>

<div class="total-values margin-left pull-right">
  <label><strong>{$language.lblTotalAmount} :</strong></label>
  <span class="value"><strong>{$cartData.orderTotalAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</strong></span>
  <div id="divTotal" style="display:none;">{$cartData.orderTotalAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
</div>

<script>
  $(document).ready(function(){
    $("#promoToggleButton").click(function(){
        $(".promoToggleshow").slideToggle();
        $(this).toggleClass("active")
    });
  });
</script>