[% WRAPPER index.html.tt2 %]
<form class="wizard clearfix" action="[% c.url_for('step4') %]" method="get">
    <div class="steps clearfix">
        <ol>
            <li class="done">[% c.loc("Select your service provider") %]</li>
            <li class="done">[% c.loc("Select your email address") %]</li>
            <li class="current">[% c.loc("Complete email challenge") %]</li>
        </ol>
    </div>

    <div class="content clearfix">
        <h2>[% c.loc("Complete email challenge") %]</h2>
        <p>
            [% c.loc("An email challenge including a validation token has been emailed to you at [_1].", email) %] 
            [% c.loc("Please copy and paste the validation token in the form below to proof that you are administrator of this service.") %]
        </p>
        <fieldset>
            <legend>[% c.loc("Please provide the validation token here:") %]</legend>
            <input name="token" value="" id="token" type="text" class="required"/>
        </fieldset>
        <fieldset>
            <legend>[% c.loc("Accounts validity period, in days:") %]</legend>
            <input name="validity" value="[% validity %]" id="validity" type="number" class="required" min="1"/>
        </fieldset>
        <fieldset>
            <legend>[% c.loc("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.${l10n.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>[% c.loc("Previous") %]</button>
        <button type="submit" class="button" name="action" value="create_accounts">[% c.loc("Next") %]</button>
    </div>
</form>

<script>
$( document ).ready(function() {
    $.validator.messages.required = "[% c.loc("This information is required") %]";
    $("form").validate();
});
</script>
[% END %]