<?xml-stylesheet href="../forms/xsltforms/xsltforms.xsl" type="text/xsl"?>
<?xsltforms-options debug="no"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://www.w3.org/1999/xhtml"
      xmlns:xf="http://www.w3.org/2002/xforms"
      xmlns:ev="http://www.w3.org/2001/xml-events"
      xmlns:xsd="http://www.w3.org/2001/XMLSchema"
>
<head>
	<title>Simple/advanced</title>
	<style type="text/css">
	  body { font-family: sans-serif}
	  .h {font-weight: bold}
	</style> 
	<model xmlns="http://www.w3.org/2002/xforms">
	  <instance>
            <data xmlns="">
              <name>John Smith</name>
              <city>Amsterdam</city>
              <email>john@example.com</email>
            </data>
	  </instance>
        </model>
</head>
<body>
    <switch xmlns="http://www.w3.org/2002/xforms">
       <case id="show">
	  <output ref="name"><label>Name:</label></output><h:br/>
	  <output ref="city"><label>City:</label></output><h:br/>
	  <output ref="email"><label>Email:</label></output><h:br/>
	  <trigger>
	     <label>Edit</label>
	     <toggle case="edit" ev:event="DOMActivate"/>
	  </trigger>
       </case>
       <case id="edit">
	  <input ref="name"><label>Name:</label></input><h:br/>
	  <input ref="city"><label>City:</label></input><h:br/>
	  <input ref="email"><label>Email:</label></input><h:br/>
	  <trigger>
	     <label>Done</label>
	     <toggle case="show" ev:event="DOMActivate"/>
	  </trigger>
       </case>
    </switch>
</body>
</html>
