{if $walletEnabled|default:'' eq 'wallet'}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js" ng-app="myapp">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{$language.lblbottomlinkmyaccount} : {$commonMetaTitle}</title>
    <meta name="viewport" content="width=device-width">
    <meta name="Description" content="{$commonMetaDescription}" />
    <meta name="Keywords" content="{$commonMetaKeywords}" />
    {include file='CommonStyles.tpl'}
    <link href="{$view_styles}/myaccount.css" rel="stylesheet" type="text/css" media="screen" />
    {include file='CommonJavaScript.tpl'}
   {html->script_group_start name="{$compiled_js_path}/account.myaccount.js"}
    {html->script src="{$common_frontend_js}/smartpaginator.js"}
  {html->script_group_end}
    <script type="text/javascript">
      var transactionCount 	= {$listTransactions|@count};
      var lblRecordsFound   	= '{$language.lblRecordsFound}' + ': ';
      var lblPages   			= ' ' + '{$language.lblPages}' ;
      	{literal}
      		$(document).ready(function(){
      			$('.panelmenu a[rel=certificates]').parent().addClass('active');
                 $('#smart-paginator').smartpaginator({ totalrecords: transactionCount, recordsperpage: 5, datacontainer: 'myTable',dataelement: 'tr',
      		     initval:0 , controlsalways:true,display:'single',recordsfoundlabel:lblRecordsFound, pageslabel:lblPages
               	});		
      	});		
      	{/literal}
    </script>
  </head>
  <body ng-controller="SearchCtrl"> 
      {*<!-- Begin : Outer Pane -->*}
    <div id="main" class="outer">
      {*<!-- Begin : Header Pane--> *}
      {include file='CommonTop.tpl'} 
      {*<!-- End : Header -->*}
      <div id="content-wrapper" ng-show="!query">
       <h4 class="side-head bg-primary padding text-center">
              {html->anchor href="user/accounts" caption="{$language.lblBack}" class="light pull-left back  icon-arrow-left"}
          {$language.lblMyWallet}</h4>
        <div class="container">
         <div class="row">
          <div  id="message_cart"></div>
           <div class="right-panel">
            <div id="common_messages" ></div>
            <div class="light-bg padding">
            <p>{$language.lblWalletDesc}</p>
            
            
           {* <!-- Begin : Gift Block --> *}
            {*<!-- Begin : Content Pane -->*}
            <div class="clearfix">
              {*<!-- Begin : First Row -->*}
              
                {if $listTransactions}
                <div class="hidden-xs light-bg">
                <div class="grid-section">
                <table width="100%" cellpadding="0" cellspacing="0" class="grid01" id="myTable">
                  <thead>
                    <tr>
                      <th align="left" valign="middle">
                        <div>{$language.lblDescription}</div>
                      </th>
                      <th align="left" valign="middle">
                        <div>{$language.lblDate}</div>
                      </th>
                      <th align="left" valign="middle" class="text-style06">
                        <div>{$language.lblDebit}</div>
                      </th>
                      <th align="left" valign="middle" class="text-style07">{$language.lblCredit}</th>
                    </tr>
                  </thead>
                  <tbody>
                    {foreach $listTransactions as $transaction}
                    <tr>
                      <td align="left" valign="top">{$transaction.transactionDescription}</td>
                      <td align="left" valign="top">{$transaction.transactionDate|date_format:$date_format} {$transaction.transactionDate|date_format:$time_format}</td>
                      {if $transaction.transactionType == 'Debit'}
                      <td align="left" valign="top">{$transaction.transactionAmount|price}</td>
                      <td align="left" valign="top">--</td>
                      {else}
                      <td align="left" valign="top">--</td>
                      <td align="left" valign="top" class="text-style07">{$transaction.transactionAmount|price}</td>
                      {/if} 
                    </tr>
                    {/foreach}
                  </tbody>
                </table>
                    </div>
                </div>
                
                <div class="visible-xs margin-top clearfix">
                   {foreach $listTransactions as $transaction}
                   <div class="padding margin-top light-bg">
                    <div class="font-bold">{$transaction.transactionDescription}</div>
                    <div class="date">{$transaction.transactionDate|date_format:$date_format} {$transaction.transactionDate|date_format:$time_format}</div>
                    {if $transaction.transactionType == 'Debit'}
                    <div><span class="sb-head">{$language.lblDebit} : </span>{$transaction.transactionAmount|price}</div>
                    <div><span class="sb-head">{$language.lblCredit} : </span>--</div>
                    {else}
                    <div><span class="sb-head">{$language.lblDebit} : </span>--</div>
                    <div><span class="sb-head">{$language.lblCredit} : </span>{$transaction.transactionAmount|price}</div>
                    {/if}
                    </div>
                    {/foreach}
                </div>
                <div class="clear"></div>
                <div id="smart-paginator" > </div>
                {else}
                <div  class="warning">{$language.msgNoRecords}</div>
                {/if} 
            </div>
            {*<!-- End : Content Pane --> *}
          </div>
          </div>
        </div>
      </div>
     {* <!-- Begin : Footer	Pane --> *}
      {include file='CommonBottom.tpl'} 
      {*<!-- End : Footer Pane --> *}
    </div>
    <script type="text/javascript">
      $(document).ready(function() {
      	var default_value = $('#couponCode').val();
      	$('#couponCode').focus(function() {
          	if(this.value == default_value) {
              	this.value = '';
          	}
      	});
      })
      
      
 
    

    </script> 
    {include file='CommonJavaScriptBottom.tpl'}
    {html->messages_script section="User" id="message_cart"}
    {html->messages_script section="User" id="common_messages"}
  </body>
  
</html>
{else}
{include file='account/MyAccountLanding.tpl'}
{/if}