<?xml-stylesheet type="text/xsl" href="/xforms-tests/xsltforms/xsltforms.xsl"?>
<html xmlns:my="http://commerce.example.com/payment" xmlns:txs="http://sourceforge.net/projects/txs" xmlns="http://www.w3.org/1999/xhtml" xmlns:req="http://www.agencexml.com/requests" xmlns:xforms="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 xml:lang="fr">XForms en XHTML</title>

    <xforms:model schema="payschema.xsd">
      <xforms:instance>
        <my:payment as="credit">
          <my:cc/>
        </my:payment>
      </xforms:instance>
      <xforms:submission action="http://www.agencexml.com/xforms-tests/xsltforms/echo.php" method="post" id="s00"/>
      <xforms:bind nodeset="my:cc" relevant="../@as='credit'" required="true()"/>
      <xforms:bind nodeset="my:exp" relevant="../@as='credit'" required="true()"/>
    </xforms:model>
  </head>
  <body>
    <xforms:group xmlns="http://www.w3.org/2002/xforms">
      <xforms:trigger>
        <xforms:label>Fran&#xE7;ais</xforms:label>
        <xforms:toggle case="fr" ev:event="DOMActivate"/>
      </xforms:trigger>
      <xforms:trigger>
        <xforms:label>English</xforms:label>
        <xforms:toggle case="en" ev:event="DOMActivate"/>
      </xforms:trigger>
    </xforms:group>
    
    <xforms:switch xmlns="http://www.w3.org/2002/xforms">
      <xforms:case id="fr">
        <xforms:select1 ref="@as">
          <xforms:label xml:lang="fr">Choisissez un mode de paiement</xforms:label>
          <xforms:choices>
            <xforms:item>
              <xforms:label xml:lang="fr">Comptant</xforms:label>
              <xforms:value>cash</xforms:value>
              <xforms:message level="modeless" ev:event="xforms-select" xml:lang="fr">
                         Ne pas envoyer d'argent comptant par la poste.</xforms:message>
            </xforms:item>
            <xforms:item>
              <xforms:label xml:lang="fr">Carte bancaire</xforms:label>
              <xforms:value>credit</xforms:value>
            </xforms:item>
          </xforms:choices>
        </xforms:select1>

        <xforms:input ref="my:cc">
          <xforms:label xml:lang="fr">Num&#xE9;ro de carte bancaire</xforms:label>
          <xforms:alert xml:lang="fr">Saississez un num&#xE9;ro de carte bancaire en cours
           (s&#xE9;parez par un espace ou un trait d'union chaque groupe de chiffres)</xforms:alert>
        </xforms:input>

        <xforms:input ref="my:exp">
          <xforms:label xml:lang="fr">Date d'&#xE9;ch&#xE9;ance</xforms:label>
        </xforms:input>

        <xforms:submit submission="s00">
          <xforms:label xml:lang="fr">Achetez</xforms:label>
        </xforms:submit>
      </xforms:case>
      <xforms:case id="en">
        <xforms:select1 ref="@as">
          <xforms:label xml:lang="en">Select Payment Method</xforms:label>
          <xforms:choices>
            <xforms:item>
              <xforms:label xml:lang="en">Cash</xforms:label>
              <xforms:value>cash</xforms:value>
              <xforms:message level="modeless" ev:event="xforms-select" xml:lang="en">
              Please do not mail cash.</xforms:message>
            </xforms:item>
            <xforms:item>
              <xforms:label xml:lang="en">Credit</xforms:label>
              <xforms:value>credit</xforms:value>
            </xforms:item>
          </xforms:choices>
        </xforms:select1>

        <xforms:input ref="my:cc">
          <xforms:label xml:lang="en">Credit Card Number</xforms:label>
          <xforms:alert xml:lang="en">Please specify a valid credit card number
            (use spaces or hyphens between digit groups)</xforms:alert>
        </xforms:input>

        <xforms:input ref="my:exp">
          <xforms:label xml:lang="en">Expiration Date</xforms:label>
        </xforms:input>

        <xforms:submit submission="s00">
          <xforms:label xml:lang="en">Buy</xforms:label>
        </xforms:submit>
      </xforms:case>
    </xforms:switch>
  </body>
</html>
