<!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.lblChangePassword}</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=password]').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.lblResetPassword}</h2>
                </div>
                <div class="right-panel settngs bg-white p-md-4 p-3">
                    <div id="common_message" ></div>
                    {*<!-- Begin : Content Pane --> *}
                    {form->start name="formPassword" method="post" enctype="multipart/form-data"}                                 
                    <fieldset class="profile-listing row">
                      <div class="col-12 change-password">
                        <div class="form-group rtl-email">
                          <label class="mr-4 mb-1">{$language.lblFriendEmail} : </label>
                          <span class="text-primary">{$userEmail}</span>
                        </div>
                        <div class="clearfix form-group">
                          <label> {$language.lblOldPassword} <span class="mndty">*</span> </label>
                          {form->password validate_event="submit" class="form-control py-2" autocomplete="off"  validate="required" error=$language.errPassword  name="userPasswordold" tabindex="1" maxlength="15"} 
                        </div>
                        <div class="clearfix form-group position-relative">
                          <label> {$language.lblNewPassword} <span class="mndty">*</span> </label>
                          {form->password validate_event="submit" class="form-control py-2" autocomplete="off"  validate="required~*isSecurePassword" error=$language.errPassword|cat:"~*"|cat:$language.errValidPassword  name="userPassword1" tabindex="2" maxlength="15"} 
                          <span class="help slip d-md-block d-none position-absolute"><span class="question d-inline-block text-center text-white rounded-circle bg-primary">?</span> <span class="pw-text bg-primary text-white position-absolute d-block p-2">{$language.msgPassword}</span></span>
                        </div>
                        <div class="clearfix form-group">
                          <label>{$language.lblConfirm} {$language.lblNewPassword}  <span class="mndty">*</span></label>
                          {form->password validate_event="submit" autocomplete="off" class="form-control py-2" validate="required~*userPassword1->compare->value" error=$language.errPassword|cat:"~*"|cat:$language.errConfirmPassword  name="userNewPassword" tabindex="3" maxlength="15"}
                        </div>

                        <div class="clearfix">
                          {form->submit name="resetPassword" id="submit" class="btn btn-secondary btn-block btn-md" form="formPassword" value=$language.lblSubmitText tabindex="3"} 
                        </div>

                      </div>

                    </fieldset>

                    {* <div class="row">
                    </div> *}

                    {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 --> *} 
    {html->messages_script id="common_message"}
    {include file='CommonJavaScriptBottom.tpl'} 
    {html->script_group_start name="{$compiled_js_path}/account.changepassword.js"}
     {html->script src="{$common_frontend_js}/signup.page.js"}
    {html->script_group_end} 
    {form->validate_script form="formPassword"}
  </body>

</html>