{global_header_before_title}
{preload_replace:widget_bundle="frontpage"}
{embed="embeds/global_header" page="login_sequences"}

 
 <div id="columns"> 
        <div class="confirm-email"> 
            <div class="box-wrap">
                  <h1 class="title underline">Email Address Confirmation</h1>
                  <p>Thank you for verifying your email address.</p>
                  <p>To complete the verification process, Please enter your existing password in the space below, together with a new password of your choice.</p>
                                    
                  <div class="box-wrap-content" >
                       [##if '[##message##]' != '' ##]
                         <p class="alert">[##message##]</p>
                       [##/if##]
                       <p class="alert" id="message"></p>
                       <form name="confirm-email" method="post" action="{site_url}">
                           <input type="hidden" name="ACT" value="[##AID##]"/>
                           <input type="hidden" name="CID" value="[##CID##]"/>
                           <input type="hidden" name="cmd" id="cmd" value="" />
                           <div class="container">
                                <div class="item main-item">
                                    <label>Password</label>
                                    <input type="password" name="userpwd" id="userpwd" />
                                </div>
                                <div class="item main-item">
                                    <label>New Password</label>
                                    <input type="password" name="newpwd" id="newpwd" />
                                </div>
                                <div class="item main-item">
                                    <label>Retype New Password</label>
                                    <input type="password" name="retypepwd" id="retypepwd" />
                                </div>
                                
                                <div class="item actions clearer">
                                    <span class="f-left">
                                        <input type="submit" class="btn-confirm" name="confirm" id="confirm" value="">
                                    </span>
                                </div>
                           </div>    
                       </form>
                       <script type="text/javascript">
                       jQuery(document).ready(function($){
                           var alertObj = $('#message');
                           alertObj.hide();

                           $('#confirm').click(function(){
                              $('p.alert').hide();
                               
                              var pwd = $('#userpwd').val();
                              var newpwd = $('#newpwd').val();
                              var retypepwd = $('#retypepwd').val();
                              
                              if (pwd == ''){
                                  alertObj.html('You must enter the current password.');
                                  alertObj.show();
                                  return false;
                              }
                              if (newpwd != retypepwd){
                                  alertObj.html('The new password should be same as the retype password.');
                                  alertObj.show();
                                  return false;
                              }
                              if (newpwd == ''){
                                  alertObj.html('The new password should not be blank.');
                                  alertObj.show();
                                  return false;
                              } 
                              $('#cmd').val('process'); 
                              alertObj.hide();
                              return true;
                           });
                       });
                       </script>
                  </div>
                  
            </div>
 
        </div> <!--/col1--> 
 
{global_footer}