<div class="ui vertical stripe segment">

    {{#if notice.hasNotice }}
    <div class="ui segment container">
        {{#if notice.userNotice }}
            <div class="ui message">
                <!-- <div class="header">There was a problem logging you in.</div> -->
                <ul class="list">
                    {{#each notice.userNotice }}
                        <li>{{ this }}</li>
                    {{/each }}
                </ul>
            </div>
        {{/if }}

        {{#if notice.userError }}
            <div class="ui error message">
                <!-- <div class="header">There was a problem logging you in.</div> -->
                <ul class="list">
                    {{#each notice.userError }}
                        <li>{{ this }}</li>
                    {{/each }}
                </ul>
            </div>
        {{/if }}
    </div>
    {{/if }}

    <div class="ui segment container">
        <h3>Login or Register</h3>
        <p>Please login or register with a common social networking account.</p>
        <a class="ui google button" href="/login/google">
            <i class="google icon"></i>
            Google
        </a>
        <a class="ui facebook button" href="/login/facebook">
            <i class="facebook icon"></i>
            Facebook
        </a>
        <a class="ui twitter button" href="/login/twitter">
            <i class="twitter icon"></i>
            Twitter
        </a>
    </div>

    <!--
    <div class="ui segment container">
        <form class="ui form" method="post" action="/login">
            <div class="field">
                <label>Username</label>
                <input name="username" placeholder="Username" type="text"
                    {{#if app.dev.active }}
                        value="{{ app.dev.user.username }}"
                    {{/if }}
                />
            </div>
            <div class="field">
                <label>Password</label>
                <input name="password" placeholder="Password" type="password"
                    {{#if app.dev.active }}
                        value="{{ app.dev.user.username }}"
                    {{/if }}
                />
            </div>
            <button class="ui button" type="submit">Login</button>
        </form>
    </div>

    <div class="ui segment container">
        <div>
            <a class="ui button" href="/signup">Sign Up</a>
            <a class="ui button" href="/reset">Reset</a>
        </div>
    </div>
    -->

    <!-- <div class="ui segment container">
        <a class="ui facebook button" href="/login/facebook">
            <i class="facebook icon"></i>
            Facebook
        </a>
        <a class="ui google button" href="/login/google">
            <i class="google icon"></i>
            Google
        </a>
        <a class="ui twitter button" href="/login/twitter">
            <i class="twitter icon"></i>
            Twitter
        </a>
    </div> -->
</div>
