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

 
 <div id="columns"> 
        <div class="psd-personal-email"> 
            <div class="box-wrap">
                  <h1 class="title underline">Request change to personal email</h1>
                  <p>To update your personal email, enter the new address below and click CONFIRM.</p>                  
                  <p>Then check your email for a message containing a link to confirm the new address.</p>
                  <p>Once you click the link in the email, your personal email will be updated.</p>
                  <p>Your personal email address will not change until the link in the email is clicked.</p>
                  <div class="box-wrap-content" >
                       <p class="alert" id="message"></p>
                       <form name="psd_personal_email" method="post" action="{site_url}">
                           <input type="hidden" name="ACT" value="[##AID##]"/>
                           <input type="hidden" name="cmd" id="cmd" value="" />
                           <div class="container">
                                <div class="item main-item clearer">
                                    <label>Current Personal Email</label>
                                    <span class="email">[##email##]</span>
                                </div>
                                <div class="item main-item clearer">
                                    <label>New Personal Email</label>
                                    <input type="text" name="email" id="email"/>
                                </div>
                                
                                <div class="item actions clearer">
                                    <span class="f-right">
                                        <input type="button" class="btn-cancel" onclick="javascript:jQuery('#cmd').val('cancel');jQuery('form').submit();" name="cancel" id="cancel" value="">
                                        &nbsp;&nbsp;
                                        <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(){
                              var email = $('#email').val();
                              var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
                              
                              if(email == ''){
                                  alertObj.html("ERROR: Please enter your new personal email address.");
                                  alertObj.show();
                                  return false;
                              }
                              
                              if (email == '[##email##]'){
                                  alertObj.html("ERROR: The New Personal Email is the same as the Current Personal Email.");
                                  alertObj.show();
                                  return false;
                              }
                              if(!pattern.test(email)){
                                  alertObj.html("ERROR: Please enter a valid Email Address.");
                                  alertObj.show();
                                  return false;
                              }
                              $('form').submit();
                           });
                       });
                       </script>
                  </div>
                  
            </div>
 
        </div> <!--/col1--> 
 
{global_footer}