<style type="text/css">
<!--
.style2 {color: #DF8600}
-->
</style>
<br />
<br />
<div style="padding-left:12%; width:80%;">
<?php
$theme= new jQueryTheme();
$jquery_dir = $theme->getURL(); 
?>
<script src="<?php echo $jquery_dir; ?>plugins/jquery.validate.js" type="text/javascript"></script>
<script src="<?php echo $jquery_dir; ?>plugins/jquery.validation.functions.js" type="text/javascript"></script>
<script type="text/javascript">
            jQuery(function(){
                jQuery("#name").validate({
                    expression: "if (VAL) return true; else return false;",
                    message: "Please enter your name!"
                });
			jQuery("#email").validate({
                    expression: "if (VAL.match(/^[^\\W][a-zA-Z0-9\\_\\-\\.]+([a-zA-Z0-9\\_\\-\\.]+)*\\@[a-zA-Z0-9_\\-]+(\\.[a-zA-Z0-9_]+)*\\.[a-zA-Z]{2,4}$/)) return true; else return false;",               
                    message: "You MUST enter a valid email address"
                });
                jQuery("#existing_password").validate({
                    expression: "if (VAL) return true; else return false;",
                    message: "Password blank!"
                });				
            });
</script>
<form ACTION="modify" METHOD="POST" NAME="OF">
  <input type="hidden" name="save" value="1">
<fieldset class="ui-widget-content ui-corner-all" >
<legend class="ui-widget-header ui-corner-all">Modify personal details</legend>  
  <?php include("modify_extra.php"); ?><div style="padding-left:20px;">
<table border="0" cellpadding="3" cellspacing="0">
    <tr align="center">
      <td width="450" align="left" valign="top"><font size="2"><strong>Name</strong><br>
      </font><?php echo $name_input; ?></td>
      <td valign="top" width="465" align="left"><br />
<?php echo $join_date; ?></td>
    </tr>
    <tr align="center">
      <td valign="top" align="left"><font size="2"><strong>Company name</strong><br>
      </font><?php echo $company_input; ?></td>
      <td valign="top" width="465" align="left"><?php if (paypal_enabled()) echo $expire_date; ?></td>
    </tr>
    <tr align="center">
      <td valign="top" align="left"><font size="2"><strong>Address</strong><br>
      </font><?php echo $address_input; ?><br>
      <font size="2"><strong>Postcode/Zip Code</strong><br>
      </font><?php echo $postcode_input; ?><br>
      <font size="2"><strong>Telephone number</strong><br>
      </font><?php echo $tel_input; ?><br>
      <font size="2"><strong>Mobile tel number</strong><br>
      </font><?php echo $mobile_input; ?><br>
      <font size="2"><strong>Email </strong><br>
      </font><?php echo $email_input; ?><br>
      (changing your email contact address does not <br>
      affect/change your login username)<br />
      <br />
      <strong>Receive emails from us</strong> <?php echo $subscribed_input; ?>       You may opt out of receiving email communications from us 
      (if you select &quot;no&quot; then you will only  receive password change and renewal notice emails)</td>
      <td valign="top" width="465" align="left"><table border="0" width="175%" cellpadding="0"
      cellspacing="0">
        <tr>
          <td width="100%"><blockquote>
            <p><strong>Your Comments:</strong><br>
<?php echo $comments_input; ?>            <br>
            <br>
            <strong><font color="#0000FF">Your Login details:</font></strong><br>
            <font color="#0000FF">Username:</font> <?php echo $_SESSION['WMM_username']; ?><br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (your username can not be changed)<br>
            <font color="#0000FF">Password: </font><a href="password_change">CHANGE</a></p>
            <p><br />
<?php 
paypal_subcribscribed($row['id'],"You are subscribed to us via PayPal, to alter this please visit:"); 
// use code below to remove link to PayPal
//paypal_subcribscribed($row['id']); 

?>
                  <br />
            </p>
          </blockquote>          </td>
        </tr>
      </table>      </td>
    </tr>
    <tr align="center">
      <td align="left" colspan="2"></td>
    </tr>
    <tr align="center">
      <td align="left" colspan="2"></td>
    </tr>
    <tr align="center">
      <td align="left" colspan="2"><div align="center"><strong><span class="style2">EXISTING Password:</span></strong>
        <input name="existing_password" id="existing_password" size="12" type="password" />
        <em>To save any changes the existing password is required for confirmation</em>        <br />

          <div class="button"><br />
	        <button>Save</button>
<a href="#" onclick="location.href='./'">Cancel</a></div>
</div>
<br />
</td>
    </tr>
</TBODY>
</table>
</fieldset>
</form>

<script>
var warning = true;
window.onbeforeunload = function() { 
  if (warning) {
    return "If you have made changes on this page and navigate away you will loose your unsaved changes";
  }
}

$('form').submit(function() {
   window.onbeforeunload = null;
});
</script>

</div></div>
<br />
<br />