<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js" ng-app="myapp" lang="{$SelCurrLanguage}">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{$language.lblAccountinfo} : {$language.lblAddress}</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'}
    <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
    {form->rootpath_script}
    {form->basepath_script}
    {include file='TheamingStyles.tpl'}
    <script type="text/javascript">
      {literal}
      $(document).ready(function(){
      	$('.panelmenu a[rel=address]').parent().addClass('active');
      });	
      {/literal}
    </script>
  </head>
  <body ng-controller="SearchCtrl" class="{$languageDirection}">
      {*<!-- Begin : Outer Pane -->*}
    <div id="main" class="outer">
    {*<!-- Begin : Header--> *}
    {include file='CommonTop.tpl'} 
    {*<!-- End : Header --> *}
    {*<!-- Begin : Content Pane -->*}
    <div id="content-wrapper" ng-show="!query" class="pt-3 pb-4">
      <div class="container">
        <div class="container-wraper">
          <div class="row">
            {include file='account/CommonAccountRightMenu.tpl'}
              <div class="col-12 col-lg-9">
                <div class="py-2 bg-white border-bottom">
                    <h2 class="acc-title shadow-box px-md-4 px-3 py-md-1 py-0 text-capitalize text-dark m-0"> {$language.lblAddress}</h2>
                </div>
                <div class="clearfix">
            <div class="right-panel settngs bg-white p-md-4 p-3">
                  {*<!-- Begin : Content Pane --> *}
                  {form->start name="formaddress" method="post" enctype="multipart/form-data"}
                  {form->hidden name="cityhidValue"} 
                  <fieldset class="form1">
                    <div class="clearfix">
                      {* <h2>{$language.lblShippinginfo} </h2> *}
                      <div id="common_message" ></div>
                      <div class="margin-top">
                        <div class="form-group row">
                          <label class="col-md-3 col-12"> {$language.lblAddress1}<span class="mndty">*</span> : </label>
                          <div class="col-md-5 col-12"> {form->textbox  tabindex="1" class="form-control" maxlength="100" name="userAdress1" validate="required" error=$language.errAddress1 validate_event="submit"}
                          {form->hidden  name="userAdress2" value=""}
                          </div>
                        </div>				
                        <div class="form-group row">
                          <label class="col-md-3 col-12"> {$language.lblPhoneNo} <span class="mndty">*</span>  : </label>
                          <div class="col-md-5 col-12"> {form->textbox tabindex="3" class="form-control" maxlength="10" name="userPhone" validate="required~*isPhoneStartwith" error=$language.errPhone|cat:"~*"|cat:$language.errValidNumberShort validate_event="submit"} </div>
                          </div>
                        <div class="form-group row">
                          <label class="col-md-3 col-12"> {$language.lblCountry} <span class="mndty">*</span> : </label>
                          <div class="col-md-5 col-12"> {form->select tabindex="4" options=$resCountry class="form-control"  onchange="{if $resCountry|default:''|count>1}listStates(this.value,'');{/if}" name="countryID" caption="{if $resCountry|default:''|count>1}->{$language.lblselecttext}{/if}" validate="required" error=$language.errCountry validate_event="submit"} </div>
                        </div>
                         <div class="form-group row">
                          <label class="col-md-3 col-12"> {$language.lblStateProvince} <span class="mndty">*</span> : </label>
                          <div class="col-md-5 col-12">
                          {form->select  class="form-control" tabindex="5" name="stateID" options="->{$language.lblselecttext}" value=$stateID validate="required" error=$language.errState}
                        <span id="loadProcessImage"></span> {form->hidden id="stateSelectedType"  name="stateSelectedType" value=$stateSelectedType} {form->hidden name="stateIDhid" value=$stateID}
                          </div>
                        </div>
                        <div class="form-group row">
                          <label class="col-md-3 col-12"> {$language.lblCity} <span class="mndty">*</span> : </label>
                          <div class="col-md-5 col-12"> {form->textbox name="userCity" tabindex="6" class="form-control" validate="required" error=$language.errCityName maxlength="50"}  </div>
                        </div>
                        <div class="form-group row">
                          <label class="col-md-3 col-12"> {$language.lblZipPostalCode}: </label>
                          <div class="col-md-5 col-12"> {form->textbox  tabindex="7" class="form-control" maxlength="20" name="userZip"} </div>
                        </div>
                       <div class="form-group row">
                          <label class="col-md-3 col-12"></label>
                          <div class="col-md-5 col-12">
                         {form->submit tabindex="9" name="submit" id="submit" class="btn btn-secondary btn-block" form="formaddress" value=$language.lblSaveChanges}</div>
                       </div>
                        </div></div>
                  </fieldset>
                  {form->close} 
                  {*<!-- End : Content Pane --> *}
          </div>
              </div>
            </div>
        </div>
      </div>
    </div>
      {*<!-- End : Content Pane --> *}
      {*<!-- Begin : Footer	Pane --> *}
      {include file='CommonBottom.tpl'} 
        {*<!-- End : Footer Pane --> *}
    </div>

   {* <!-- End : Outer Pane --> *}
     <script type="text/javascript">
      var lblSelect = '{$language.lblSelect}';
      var errSelectCity = '{$language.errSelectCity}';
     
     </script> 
    {html->messages_script id="common_message"}
    {include file='CommonJavaScriptBottom.tpl'} 
	{html->script src="{$common_js}/chosen.pluggin.js"}
      {html->script_group_start name="{$compiled_js_path}/account.address.js"}
        {html->script src="{$common_frontend_js}/signup.page.js"}
      {html->script_group_end} 
  
    {form->validate_script form="formaddress"}
  </body>
</html>
          
