signup-free.hbs

{{!< default}}
{{! The tag above means - insert everything in this file into the {body} of the default.hbs template }}
<div class="site-content-wrap">
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="post-wrap">
                    {{#if @member.paid}}

                        {{!-- Logged in, paying member: Redirect home --}}
                        <script>window.location = '{{@site.url}}/';</script>

                    {{else if @member}}
                        {{!-- Logged in, free member: Redirect signup --}}
                        <script>window.location = '{{@site.url}}/signup/';</script>

                    {{else}}
                    <article class="post-single page">
                        <div class="post-header d-flex">
                            <div class="header-content-wrap text-center">
                                <h1 class="post-title text-center">{{t "Sign up to"}} {{@site.title}} {{t "free plan!"}}</h1>
                            </div>
                        </div>
                        <div class="members-page-content">
                            <div class="members-page-subtitle text-center">
                                {{t "Signup to access free members only articles"}}
                            </div>
                            <div class="members-form-wrap">
                                <form class="members-form" data-members-form="signup">
                                    <div class="input-group">
                                        <label for="email" class="sr-only">{{t "Email"}}</label>
                                        <input data-members-email type="email" class="form-control" placeholder="{{t "Your email address"}}" required/>
                                        <div class="input-group-append">
                                            <button class="submit-btn btn btn-primary" type="submit"><span class="loading-spinner"></span>{{t "Sign up"}}</button>
                                        </div>
                                    </div>
                                    <div class="messages-wrap text-center">
                                        <div class="message-success">
                                            <strong>{{t "Great!"}}</strong> {{t "Check your inbox and click the link to complete sign up."}}
                                        </div>
                                        <div class="message-error">
                                            <strong>{{t "Error!"}}</strong> {{t "Please enter a valid email address!"}}
                                        </div>
                                    </div>
                                </form>
                                 <div class="member-alternate-link">
                                     {{t "Already have an account?"}} <a href="/signin/">{{t "Sign in"}}</a>
                                </div>
                            </div>
                        </div>
                    </article>
                    {{/if}}
                </div>
            </div>
        </div>
    </div>
</div>