[% WRAPPER index.tt2.html %]
<form class="wizard clearfix" action="[% app.url %]" method="get">
    <div class="steps clearfix">
        <ol>
            <li class="done">[% lh.maketext("Select a federation") %]</li>
            <li class="done">[% lh.maketext("Select your service") %]</li>
            <li class="done">[% lh.maketext("Select your email address") %]</li>
            <li class="current">[% lh.maketext("Complete email challenge") %]</li>
        </ol>
    </div>

    <div class="content clearfix">
        <h2>[% lh.maketext("Complete email challenge") %]</h2>
        <p>
            [% lh.maketext("An email challenge including a validation token has been emailed to you at [_1].", email) %]
            [% lh.maketext("Please copy and paste the validation token in the form below to proof that you are administrator of this service.") %]
        </p>
        <label for="token">[% lh.maketext("Please provide the validation token here:") %]</label>
        <br/>
        <input name="token" value="" id="token" type="text" class="required error"/>
        <input type="hidden" name="federation" value="[% federation %]"/>
        <input type="hidden" name="entityid" value="[% entityid %]"/>
        <input type="hidden" name="email" value="[% email %]"/>
    </div>

    <div class="actions clearfix">
        <button type="submit" class="button" name="action" value="select_email" novalidate>[% lh.maketext("Previous") %]</button>
        <button type="submit" class="button" name="action" value="create_accounts">[% lh.maketext("Next") %]</button>
    </div>
</form>

<script type="text/javascript">
$( document ).ready(function() {
    $.validator.messages.required = "[% lh.maketext("This field is required") %]";
    $("form").validate();
});
</script>
[% END %]