<h3 class="text-uppercase">{$language.lblOrderSummary} </h3>
<div class="ordersummery-box light-bg" >
  <div class="clearfix order-head">
    {html->anchor href="cart/" class="pull-right edit" content="<span class='icon-edit-fill'></span> Edit Cart" }
    <span class="icon-plus-narrow padding pull-left"></span>
    <div class="pull-left padding">
      <label class="pull-left rmv-margin">{$cartData.orderQty} {$language.lblCartItems} in order</label>
    </div>
  </div>
  <div class="hide-box">
    <div class="orderSumry"> 
      <ul>
        {foreach from=$cartData['items'] item="cartItem"}
        <li class="clearfix"> 
        {assign var="titleClass" value="title"}
            <figure>
          <img src="{$view_public_path}/uploads/catalog/product/small/{$cartItem.itemDetails.imagePath}" class="img-responsive" alt="image" class="left">
                </figure>
            <figcaption>
                 <span class="pull-right margin-right">{$cartItem.orderItemQuantity}</span> 
                {html->anchor 
  			href=$cartItem.itemDetails.productURL|cat:"?configid="|cat:$cartItem.cartItemID 
  			title={$cartItem.itemDetails.productOptionName|unescape:"html"} 
  			content={$cartItem.itemDetails.productOptionName|unescape:"html"} 
  			class=$titleClass
  		}<br>
  	  <span class="price">{$cartItem.itemDetails.unitPrice|price:'Full':$cartData.currencyID:$cartData.currencyID}</span><br />
  		{if $cartItem.itemDetails.combinationValues.customOption|count|default:0 >0}
  			<div class="cart-detil">
  				<span class="heading">{$language.lblCombinationSKU} - {$cartItem.itemDetails.combinationValues.cimbinationSKU}</span>
  				<div class="">
  					<span class="combination " >
  						{foreach from=$cartItem.itemDetails.combinationValues.customOption item="combination" key="key"}
  							{if $key neq 0}<span class="x-style"> | </span>{/if}
  							{$combination.customOptionName}{$combination.variantValue}
  						{/foreach}
  					</span>
  				</div>
  			</div>
  		{/if}
            </figcaption>
  		{if $cartItem.itemDetails.customOptionValues|count >0}
  			<div class="cart-detil"><span class="heading">Options</span>
  				<div class="" >
  					{foreach from=$cartItem.itemDetails.customOptionValues item="customOptionValues"}
  						<span class="combination clearfix" >
  						<span class="left">{$customOptionValues.0.customOptionName}</span>
  						<span class="right">
  						{foreach from=$customOptionValues item="customOption" key="key"}
  							{if $customOption.inputType != 'file'}
  								{$customOption.variantValue}{if $key >0},{/if}
  							{else if $customOption.inputType == 'file' && $customOption.variantValue!=''}
  								{html->anchor href="/cart/getFile/id/{$customOption.variantValue}/" 
  								caption=$customOption.variantValue 
  								title=$customOption.customOptionName}
  							{/if}
  						{/foreach}
  						</span>
  						</span>
  					{/foreach}
  				</div>
  			</div>
  		{/if}
  			
  		</li>
        {/foreach}
      </ul>
  	
  	
  	
    </div>

    <ul class="simple-listing03-summary">
          <li>
      <ul class="">
  		{if $enablePromoCode eq 'Yes'}
  		<li class="clearfix">
        {if $cartData.orderPromoCode eq ''}
          <div class="input-group">
            {form->textbox name="promoCode" class="form-control" value="" placeholder=$language.lblPromoCode autocomplete="off"}
            <span class="input-group-btn">
              {form->button name="applypromo" class="btn btn-primary" id="applypromo" value=$language.lblApply}
            </span>
          </div>
        {else}
        <p class="promoBlock">
          <span class="form-control margin-right">{$cartData.orderPromoCode}</span>
        {if $cartData.promoID gt 0}
        {html->anchor id="removepromo" class="btn btn-primary" title="{$language.lblChangeOrRemove}" caption="Remove"}</p>
        {/if}
      {/if} 
      </li>
  		{/if}
      
  		{*{if $settingsEnableGiftCoupon eq "Yes"}
  		<li>
  			{html->anchor href="cart/" title="{$language.lblRedeem}" content="{form->button class="font-size-top-11px apply-btn"  value=$language.lblRedeem}"} 
  		</li>
  		{/if}*}
  		{if $settingsEnableGiftCoupon eq "Yes" && $userID|default:'' !=''}
  		<li class="clearfix ">
        {if $userID !=''} 
        {form->start name="formRedeemCoupon" method="post" onsubmit="return false;"}   
        {else}
        {form->start name="formRedeemCoupon" action="" method="post"}
        {/if}
        <div class="input-group">
          {if $userID !=''}
          {form->textbox name="couponCode" class="form-control" validate="required" error=$language.errCouponCode placeholder=$language.lblGiftCouponCode}
          {/if}
          {if $userID !=''}
            {else}
            {/if}
              {form->hidden name="pageCart" value="1"}
              {form->hidden name="cartUser" value=$userID}
              <div class="input-group-btn">
                {form->submit name="submitCoupon" value="{$language.lblRedeem}" class="btn btn-primary"}
              </div>
        </div>
        {form->close}
      </li> 
  			{/if}
  		</ul>
      </li>
      <li class="clearfix">
        <div class="value pull-right" >{$cartData.orderSubtotal|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
        <label class="pull-right">{$cartData.orderQty} {$language.lblCartItems} : </label>
      </li>
      {if $cartData.shippingAmount>0}
      <li class="clearfix">
        <div class="value pull-right" >{$cartData.shippingAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
        <label class="pull-right">{$language.lblShippingCharge} : </label>
      </li>
      {/if}  
  	{if $enableApplyAfterDiscount|default:'' neq 'Yes'}  
  		{if $cartData.orderPromoDiscountAmount>0}
  		<li class="clearfix">
  		  <div class="value pull-right" >-{$cartData.orderPromoDiscountAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
  		  <label class="pull-right">{$language.lblPromoDiscount} : </label>
  		</li>
  		{/if}                          {if $cartData.orderOtherServiceCharge>0}
  		<li class="clearfix">
  		  <div class="value pull-right" >{$cartData.orderOtherServiceCharge|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
  		  <label class="pull-right">{$language.lblServiceCharge} : </label> 
  		</li>
  		{/if}  {if $cartData.orderTaxAmount>0}
  		<li class="clearfix">
  		  <div class="value pull-right" >{$cartData.orderTaxAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
  		  <label class="pull-right">{$language.lblTaxAmount} : </label>
  		</li>
  		{/if}  
  	{else}  
  		{if $cartData.orderPromoDiscountAmount>0}
  		<li class="clearfix">
  		  <div class="value pull-right" >-{$cartData.orderPromoDiscountAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
  		  <label class="pull-right">{$language.lblPromoDiscount} : </label>
  		</li>
  		{/if}  
  		{if $cartData.orderTaxAmount>0}
  		<li class="clearfix">
  		  <div class="value pull-right" >{$cartData.orderTaxAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
  		  <label class="pull-right">{$language.lblTaxAmount} : </label>
  		</li>
  		{/if}  
  		{if $cartData.orderOtherServiceCharge>0}
  		<li class="clearfix">
  		  <div class="value pull-right" >{$cartData.orderOtherServiceCharge|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
  		  <label class="pull-right">{$language.lblServiceCharge} : </label>
  		</li>
  		{/if}  
  	{/if}  
  	{if $cartData.orderUserCreditAmount>0}
      <li class="clearfix">
        <div class="value pull-right" >-{$cartData.orderUserCreditAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
        <label class="pull-right">{$language.lblAccountCredit} : </label>
      </li>
      {/if}
    
    </ul>
  </div>
  <div class="total-values">
    <div class="padding clearfix">
      <div class="value pull-right" >{$cartData.orderTotalAmount|price:'Full':$cartData.currencyID:$cartData.currencyID}</div>
      <label class="pull-right">{$language.lblTotalAmount} : </label>
    </div>
  </div>
</div>
