<?xml-stylesheet href="xsltforms/xsltforms.xsl" type="text/xsl"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xf="http://www.w3.org/2002/xforms" xmlns:sample="http://www.agencexml.com/sample">
   <head>
      <title>Hello World in XForms</title>
      <xf:model>
         <xf:instance>
            <sample:data>
               <sample:PersonGivenName/>
            </sample:data>
         </xf:instance>
      </xf:model>
   </head>
   <body>
			<div id="xformControl">
				<span>
					<input type="checkbox" onclick="$('console').style.display = this.checked? 'block' : 'none';"  checked="checked"/> Debug
				</span>
			</div>
      <p>Type your first name in the input box. <br/>
        If you are running XForms, the output should be displayed in the output area.</p>   
			 <xf:input ref="sample:PersonGivenName" incremental="true">
					<xf:label>Please enter your first name: </xf:label>
			 </xf:input>
			 <br />
			 <xf:output value="concat('Hello ', sample:PersonGivenName, '. We hope you like XForms!')">
					<xf:label>Output: </xf:label>
			 </xf:output>
			<div id="console"></div>
   </body>
</html>
