<div class="newsletter-outer{{#if isForPost}} newsletter-outer-for-post{{/if}}">
    <div class="newsletter">
        <small class="newsletter-small-top-text">
            {{t "Subscribe to our newsletter"}}
        </small>

        <div class="big-text newsletter-heading">
            {{t "Get all the latest news delivered straight to your inbox."}}
        </div>

        <form data-members-form="subscribe" class="subscribe-form">
            <div class="subscribe-with-alerts">
                <div class="subscribe-wrapper">
                    <input data-members-email type="email" required="true" placeholder="{{t 'Your.email@example.com'}}" class="subscribe-input"/>
                    <button class="submit-button" type="submit" aria-label="Subscribe">
                        {{t "Subscribe"}}
                    </button>
                </div>

                <small class="newsletter-small-bottom-text">
                    {{t "No spam. Unsubscribe anytime."}}
                </small>

                <div class="form-alerts">
                    <small class="form-alert loading-alert">{{t "Processing your request..."}}</small>
                    <small class="form-alert success-alert">{{t "Please check your inbox and click the link to confirm your subscription."}}</small>
                    <small class="form-alert error-alert" data-members-error></small>
                </div> 
            </div>            
        </form>
    </div>
</div>