<?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:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
    <head>
        <link rel="stylesheet" href="../../driverPages/forms/TestSuite11.css" type="text/css"/>
        <title>10.3.h insert action and repeat element</title>
        <xforms:model>
            <xforms:instance id="first">
                <number_lists xmlns="">
                    <number_list id="first_list">
                        <number>1</number>
                        <number>2</number>
                        <number>3</number>
                        <number>4</number>
                        <number>5</number>
                    </number_list>
                    <number_list>
                      <number>1</number>
                    </number_list>
                    <number_list>
                      <number>2</number>
                    </number_list>
                </number_lists>
            </xforms:instance>
            <xforms:setindex ev:event="xforms-ready" repeat="repeat_2" index="3"/>
        </xforms:model>
    </head>
    <body>
        <xforms:group>
            <xforms:label class="title">10.3.h insert action and repeat element</xforms:label>
        </xforms:group>      
        <xforms:group>
            <xforms:label>
              You must see the correct values for the two output controls both before and after 
              activating the Perform Insert trigger. The conditions change after the trigger is activated. 
            </xforms:label>
        </xforms:group>
        <xforms:switch>
            <xforms:case id="before">
                <xforms:group>
                  <xforms:label>Before - You must see the value "1" : </xforms:label>
                  <xforms:output value="index('repeat_1')">	<!-- this is the index(outer) -->
                  </xforms:output>
                </xforms:group>
                <xforms:group>
                  <xforms:label>Before - You must see the value "3" : </xforms:label>
                  <xforms:output value="index('repeat_2')">	<!-- this is the index(inner) -->
                  </xforms:output>
                </xforms:group>
            </xforms:case>
            <xforms:case id="after">
                <xforms:group>
                  <xforms:label>After - You must see the value "3" : </xforms:label>
                  <xforms:output value="index('repeat_1')">	<!-- this is the index(outer) -->
                  </xforms:output>
                </xforms:group>
                <xforms:group>
                  <xforms:label>After - You must see the value "1" : </xforms:label>
                  <xforms:output value="index('repeat_2')">	<!-- this is the index(inner) -->
                  </xforms:output>
                </xforms:group>
            </xforms:case>
        </xforms:switch>
        <xforms:group>
            <xforms:trigger>
                <xforms:label>Perform Insert</xforms:label>
                <xforms:insert ev:event="DOMActivate" position="after" nodeset="number_list" at="2"/>
                <xforms:toggle ev:event="DOMActivate" case="after"/>
            </xforms:trigger>
        </xforms:group>  
        <xforms:group>
          <!-- 
            <xforms:label>The repeats being acted upon: </xforms:label>
          -->  
            <xforms:repeat id="repeat_1" nodeset="number_list">
                <xforms:repeat id="repeat_2" nodeset="number">
                  <!-- 
                    <xforms:output ref=".">
                        <xforms:label/>
                    </xforms:output>
                  --> 
                </xforms:repeat>
            </xforms:repeat>
        </xforms:group>
    </body>
</html>