<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js" ng-app="myapp"> <!--<![endif]--><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$language.lblAccountinfo} : {$language.lblMySavedCard}</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'  }
{form->rootpath_script}
{form->basepath_script}
{include file='TheamingStyles.tpl'}
<script type="text/javascript">
{literal}
$(document).ready(function(){
	$('.panelmenu a[rel=savedCard]').parent().addClass('active');	
});	
{/literal}
</script>
</head>
<body ng-controller="SearchCtrl">
<!-- Begin : Outer Pane -->
<div id="main"> 
  <!-- Begin : Header--> 
  {include file='CommonTop.tpl'} 
  <!-- End : Header --> 
  <!-- Begin : Content Pane -->
  <div id="content-wrapper" ng-show="!query" >
    <div class="content-inner wrapper">
      <div id="common_message" ></div>
      <div class="row"> 
          {include file='account/CommonAccountRightMenu.tpl'}
          <div class="col-xs-12 col-md-9">
                <div class="right-panel light-bg"> 
                  <!-- Begin : Content Pane --> 
                  {form->start name="formSavedCard" method="post" enctype="multipart/form-data"}                      
                  {if $settingsStoreCCInfo=="Yes"}              
                  <fieldset class="form1">
                    {form->hidden name="settingsStoreCCInfo"}
                    <div class="profile-listing">
                      <h4>{$language.lblMySavedCard}</h4>
                      <ul>
                        <li class="clearfix">
                          <div class="column left">
                            <div class="label">
                              <label>{$language.lblCardholderFirstName} </label>
                            </div>
                            <div class="field"> {form->textbox autocomplete="off" tabindex="1" class="textbox width-300px" maxlength="100" name="firstNameonCard"} </div>
                            </div>
                          <div class="column right">
                            <div class="label">
                              <label>{$language.lblCardholderLastName} </label>
                            </div>
                            <div class="field"> {form->textbox autocomplete="off" tabindex="2" class="textbox width-300px" maxlength="100" name="lastNameonCard"} </div>

                          </div>
                        </li>
                        <li class="clearfix">
                          <div class="column left">
                            <div class="label">
                              <label>{$language.lblCardType} </label>
                            </div>
                            <div class="field"> {form->select tabindex="3" caption="->"|cat:$language.lblSelect options=$resUserAcceptedCC class="listbox" name="cardType"} </div>

                          </div>
                        <div class="column right">
                            <div class="label">
                              <label>{$language.lblCardNumber} </label>
                            </div>
                            <div class="field"> {form->textbox autocomplete="off"  tabindex="4" class="textbox width-300px" maxlength="20" name="cardNumber"}
                            </div>
                          </div>
                        </li>
                         <li class="clearfix">
                          <div class="column left">
                            <div class="label">
                              <label>{$language.lblExpiryDate}</label>
                            </div>
                            <div class="field"> {form->select tabindex="5" caption="->"|cat:$language.lblSelect options="01->Jan~*02->Feb~*03->Mar~*04->Apr~*05->May~*06->Jun~*07->Jul~*08->Aug~*09->Sep~*10->Oct~*11->Nov~*12->Dec" class="listbox width-75px" name="expMonth"}

                              {form->select tabindex="6" caption="->"|cat:$language.lblSelect options=$yearArray class="listbox width-84px" name="expYear"} </div>
                          </div>
                        <div class="column right">
                         <div class="label">
                              <label>&nbsp;</label>
                            </div>
                            <div class="field"> {form->submit tabindex="7" name="submit" id="submit" class="custom-button01" form="formSavedCard" value=$language.lblSaveChanges}</div></div></li> 
                      </ul>
                    </div>
                  </fieldset>
                  {form->close} 
                  <!-- End : Content Pane --> 
                   {/if}
                </div>
            </div>
      </div>
    </div>
  </div>
  <!-- End : Content Pane --> 
  <!-- Begin : Footer	Pane --> 
  {include file='CommonBottom.tpl'  } 
  <!-- End : Footer Pane --> 
</div>
<!-- End : Outer Pane --> 
{html->messages_script id="common_message"}
{include file='CommonJavaScriptBottom.tpl'  } 
</body>
</html>