<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="../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>Credit</title>
	<style type="text/css">
	body { font-family: sans-serif}
	label { display: inline-block; width: 8em; margin: 0 1em; text-align: right }
	</style> 

	<xf:model id="m">
	    <xf:instance>
                <data xmlns="">
		      <amount>105.99</amount><method/><cc/><expires/>
	    	</data>
            </xf:instance>
	    <xf:bind nodeset="cc" 
        	 relevant="../method='credit'"/>
	    <xf:bind nodeset="expires" 
        	 relevant="../method='credit'"/>
	</xf:model>
</head>
<body>
	<xf:output ref="amount"><xf:label>Price: </xf:label></xf:output>
<br />
	<xf:select1 ref="method">
	   <xf:label>Method of payment:</xf:label>
	   <xf:item>
	      <xf:label>Cash</xf:label>
	      <xf:value>cash</xf:value>
	   </xf:item>
	   <xf:item>
	      <xf:label>Credit card</xf:label>
	      <xf:value>credit</xf:value>
	   </xf:item>
	</xf:select1>
<br />
	<xf:input ref="cc"><xf:label>Card number:</xf:label>
	    <xf:alert>A number, no spaces</xf:alert>
	</xf:input>
<br />
	<xf:input ref="expires"><xf:label>Expiry date:</xf:label>
	    <xf:hint>MM/YYYY</xf:hint>
	</xf:input>
</body>
</html>
