Page 2 of dynamic field for FormIt

step-2.html

[[!FormIt?
&hooks=`email,redirect`
&emailTpl=`emailTpl`
&emailSubject=`Submission - [[+name]]`
&emailTo=`me@example.com`
&redirectTo=`10`
&validate=`position:required`
&store=`1`
&submitVar=`go`
]]
[[!+fi.error_message:notempty=`<p>[[!+fi.error_message]]</p>`]]

<form action="[[~[[*id]]]]" method="post" class="form-horizontal" role="form">
    <fieldset>
        <legend>Experiences</legend>
        <div class="form-group">
            <label for="position" class="col-sm-2 control-label">Positions</label>
            <div class="col-sm-4">
                <!-- [[- this snippet will render back the dynamic fields if the submission returns fail ]] -->
                [[!fiDynamicFields? 
                &itemTpl=`step2DynamicFields.item`
                &wrapperTpl=`step2DynamicFields.wrapper`
                ]]
                <button 
                    type="button"
                    class="btn btn-warning btn-sm" 
                    onclick="addRow(this);"
                    >
                    <span class="glyphicon glyphicon-plus"></span> Click to add more
                </button>
                <div class="validate">[[!+fi.error.position]]</div>
            </div>
        </div>
        &nbsp;
        <div class="row">
            <div class="col-sm-4 col-sm-offset-2">
                <input
                    type="submit"
                    name="go"
                    class="btn btn-success btn-sm"
                    value="Submit"
                    >
            </div>
        </div>
        
        <!-- [[- this snippet receives the data from the previous submission ]] -->
        [[!FormItRetriever]]
        <!-- step 1 submission is being held again in here -->
        <input type="hidden" name="name" value="[[!+fi.name]]">
        <input type="hidden" name="telephone" value="[[!+fi.telephone]]">
    </fieldset>
</form>