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

    <div class="content clearfix">
        <h2>[% c.loc("Select your email address") %]</h2>
        <p>[% c.loc("Before you can create test accounts at this Identity Provider, we need to ensure you are a legitimate administrator of the Service Provider <strong>[_1]</strong>.", entityid) %]</p>

    [% IF sp.contacts.defined %]
        <fieldset>
            <legend>[% c.loc("Select the email address where an email challenge can be sent to validate your identity:") %]</legend>
        [% FOREACH email IN sp.contacts.sort %]
            <input id="[% email %]" name="email" value="[% email %]" type="radio" class="required"/>
            <label for="[% email %]">[% email %]</label>
            <br/>
        [% END %]
            <label for="email" class="error"></label>
            <input type="hidden" name="federation" value="[% federation %]"/>
            <input type="hidden" name="entityid" value="[% sp.entityid %]"/>
        </fieldset>
        <div class="callout alert-callout-border primary">[% c.loc("Those email addresses have been extracted from your service metadata.") %]</div>
    [% ELSE %]
        <p>
        [% c.loc("No ContactPerson element could be found in your service metadata, therefore we are unable to provide test accounts for this service.") %]
        [% c.loc("Please contact your federation administrators to add needed information to the metadata.") %]
        </p>
[% END %]
    </div>

    <div class="actions clearfix">
        <button type="submit" class="button" name="action" value="select_sp" formnovalidate>[% c.loc("Previous") %]</button>
        <button type="submit" class="button" name="action" value="complete_challenge">[% c.loc("Next") %]</button>
    </div>
</form>

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