[% WRAPPER index.tt2.html %]
<div class="row">
    <div class="small-12 columns">
        <p class="callout alert-callout-border success text-center">
        [% lh.maketext("<strong>Success:</strong> your identity as administrator of the Service Provider <strong>[_1]</strong> has been validated!", sp.entityid) %]
        </p>
    </div>
</div>

<h2>[% lh.maketext("Test accounts created") %]</h2>
<p>
    [% lh.maketext("You can now use these test accounts to access your <a href=\"[_1]\">service provider</a>, using <strong>[_2]</strong> as identity provider.", sp.url, idp.name) %] 
    [% lh.maketext("If you need a customized test account with additional user attributes, you should contact <a href=\"mailto:[_1]\">[_1]</a>.", app.support_email) %]
</p>

<p class="callout alert-callout-border warning">
    [% lh.maketext("This page won't be accessible again, you should either keep it open in your web browser, or <a href=\"[_1]\">download accounts in CSV format</a>.", download_url) %]
</p>

<div class="accounts row">
    [% FOREACH account IN accounts %]
        [% template = account.profile() _ '.tt2' %]
        [% PROCESS $template scope=account.scope() id=account.id() | trim %]
    <div class="account small-12 medium-6 large-4 columns">
        <h3>[% lh.maketext("Account profile: [_1]", account.profile()) %]</h3>
        <table>
            <tr>
                <td><strong>[% lh.maketext("user name:") %]</strong></td>
                <td>user[% account.id() %]</td>
            </tr>
            <tr>
                <td><strong>[% lh.maketext("password:") %]</strong></td>
                <td>[% account.password() %]</td>
            </tr>
            <tr>
                <td colspan="2">
                    <strong>[% lh.maketext("comment:") %]</strong>
                    <div class="comment">[% description.${lh.language_tag()} %]</div>
                </td>
            </tr>
        </table>
        <div class="text-center">
            <button data-open="account_details_[% account.id() %]" id="show_account_details_[% account.id() %]">[% lh.maketext("show details") %]</button>
        </div>
    </div>
    <div class="account reveal" data-reveal id="account_details_[% account.id() %]">
        <button class="close-button" data-close aria-label="Close modal" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
        <h3>[% lh.maketext("List of user attributes") %]</h3>
        <p>
            [% lh.maketext("Below is the list of user attributes associated to this test account.") %] 
            [% lh.maketext("After a successfull authentication process these attributes are transmitted via the SAML protocol to your service provider.") %]
        </p>
        <div>
            <table>
    [% FOREACH pair IN attributes.pairs %]
                <tr>
                    <th>[% pair.key %]</th><td>[% pair.value.join(', ') %]</td>
                </tr>
    [% END %]
                <tr>
                    <th>eduPersonTargetedID:</th><td><i>[% lh.maketext("value dynamically generated for each SP") %]</i></td>
                </tr>
            </table>
        </div>

        <div class="callout alert-callout-border warning">
            [% lh.maketext(
                "eduPersonAffiliation and eduPersonScopedAffilisation attributes are assigned <a href=\"[_1]\">quite differently from federation to federation</a>, therefore their values should be handled with great care.",
                "http://tnc2010.terena.org/files/ePSA%20comparison%20v0%2006.ppt")
            %]
        </div>
    </div>
    [% END %]
</div>

<div class="row">
    <div class="callout alert-callout-border warning">
        <p>[% lh.maketext("Note that these test accounts will automatically expire in [_1] days and that they can only be used to test federated login to your service provider <strong>[_2]</strong>.", days, sp.entityid) %]</p>
    </div>
</div>

<div class="row">
    <div class="callout alert-callout-border primary text-center">
        <strong>[% lh.maketext("Thank you for using the [_1] service", app.name) %]</strong>
    </div>
</div>

<p class="text-center"><a href="[% app.url %]?action=select_sp" class="button">[% lh.maketext("Test another service") %]</a></p>
[% END %]