<section class="sales-crowd-promo salescrowd-orange white-text">
    <div class="container">
        <div class="promo-text-right">
            <h1>Profile</h1>
            <h2 class="promo-label">Last logged in: {{timeago userInfo.lastLogin }}</h2>
        </div>
    </div>
</section>
<main class="sales-crowd-main-content">
    <div class="content overlap">
        <!-- BUSINESS HUB SSO -->
        {{#if ssoUrl}}
            <article class="one-column">
                <h3>BusinessHub Account</h3>
                <a href="{{ssoUrl}}" class="btn btn-primary" target="_blank">Log into BusinessHub</a>
            </article>
        {{/if}}

        <!-- LOCAL -->
        <article class="one-column">
            <h3>Local</h3>
            {{#if userInfo.local.email}}
                <b>Id:</b> {{userInfo._id}} <br/>
                <b>Email:</b> {{userInfo.local.email}}<br/>
                <b>Role:</b> {{userInfo.role}}<br/>
            {{else}}
                <a href="/connect/local" class="btn btn-default">Connect Local</a>
            {{/if}}
        </article>

        <!-- FACEBOOK -->
        <article class="one-column">
            <h3>Facebook</h3>
            {{#if userInfo.facebook.token}}
                <b>Id:</b> {{ userInfo.facebook.id }}<br>
                <b>Token:</b> {{ userInfo.facebook.token }}<br>
                <b>Email:</b> {{ userInfo.facebook.email }}<br>
                <b>Name:</b> {{ userInfo.facebook.name }}<br/>
                <a href="/unlink/facebook" class="btn  btn-primary">Unlink</a>
            {{else}}
                <a href="/connect/facebook" class="btn btn-default">Connect Facebook</a>
            {{/if}}
        </article>

        <!-- PURCHASES -->
        <article class="one-column">
            <h3>Purchases</h3>
            {{#each userInfo.purchases }}
                <b>{{ this }}</b><br>
            {{/each}}
            <br/>

            <h3>Action plans</h3>
            {{#each userInfo.actionPlans }}
                <b>{{ this }}</b><br>
            {{/each}}
            <br/>

            <h3>Badges earned:</h3>
            {{#each userInfo.badgesEarned }}
                <b>{{ this }}</b><br>
            {{/each}}
            <br/>

            <h3>Active sub:</h3>
            <!-- todo! -->
            {{ activeSubscription }}
        </article>
    </div>
</main>