[% WRAPPER index.tt2.html %]
<form class="wizard clearfix" action="[% app.url %]" method="get">
    <div class="steps clearfix">
        <ol>
            <li class="done">[% lh.maketext("Select your service provider") %]</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>
        <fieldset>
            <legend>[% lh.maketext("Please provide the validation token here:") %]</legend>
            <input name="token" value="" id="token" type="text" class="required"/>
        </fieldset>
        <fieldset>
            <legend>[% lh.maketext("Accounts validity period, in days:") %]</legend>
            <input name="validity" value="[% validity %]" id="validity" type="number" class="required" min="1"/>
        </fieldset>
        <fieldset>
            <legend>[% lh.maketext("Account profiles:") %]</legend>
            <ul class="columns4">
[% FOREACH profile IN profiles %]
    [% template = profile _ '.tt2' %]
    [% PROCESS $template scope=account.scope() id=account.id() | trim %]
                <li>
                    <input type="checkbox" id="[% profile %]" name="profiles" value="[% profile %]" checked/>
                    <label for="[% profile %]">[% profile %] <span class="fa fa-question-circle" title="[% description.${lh.language_tag()} %]"></span></label>
                </li>
[% END %]
            </ul>

        </fieldset>
        <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" formnovalidate>[% 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 information is required") %]";
    $("form").validate();
});
</script>
[% END %]