﻿<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="xsltforms/xsltforms.xsl" type="text/xsl"?>
<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>Crédit</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>
				<donnees xmlns="">
					<montant>105,99</montant>
					<moyen/>
					<numcarte/>
					<expiration/>
				</donnees>
			</xf:instance>
			<xf:bind nodeset="numcarte" 
				relevant="../moyen='carte'"/>
			<xf:bind nodeset="expiration" 
				relevant="../moyen='carte'"/>
		</xf:model>
	</head>
	<body>
		<xf:output ref="montant"><xf:label>Prix : </xf:label></xf:output>
		<br />
		<xf:select1 ref="moyen">
			<xf:label>Moyen de paiement :</xf:label>
			<xf:item>
				<xf:label>Espèces</xf:label>
				<xf:value>especes</xf:value>
			</xf:item>
			<xf:item>
				<xf:label>Carte de crédit</xf:label>
				<xf:value>carte</xf:value>
			</xf:item>
		</xf:select1>
		<br />
		<xf:input ref="numcarte"><xf:label>Numéro de carte :</xf:label>
			<xf:hint>chiffres uniquement, pas d'espace</xf:hint>
		</xf:input>
		<br />
		<xf:input ref="expiration"><xf:label>Date d'expiration :</xf:label>
			<xf:hint>MM/AAAA</xf:hint>
		</xf:input>
	</body>
</html>

