<template name="forgotPassword">
  <div id="forgotPassword" class="page entryPage" style="{{getOpacityWithCorner}}">
    <div class="content-scrollable">
      <div class="wrapper-auth">
        <div class="entryLogo" style="background-image: url('{{getLogoUrl}}')"></div>

        <h1 id="signInPageTitle" class="title-auth">Forgot Password</h1>
        <div id="signInPageMessage" class="subtitle-auth" >Improve your clinical practice with checklists.</div>
        <p id="signInPageMessage" class="subtitle-auth" style="{{getForgotPasswordMessageColor}}">{{{getForgotPasswordMessage}}}</p>

        <form>
          <div class="input-symbol">
            <input id="signInPageEmailInput" type="email" name="email" placeholder="Your Email" style="{{getForgotPasswordStyle}}" />
            <i class="fa fa-envelope-o" title="Your Email"></i>
          </div>
          <br><br>

          <button id="sendReminderButton" type="submit" class="btn-gray btn-main btn-large" style="{{getButtonColor}}">Send Reminder</button><br><br>
            {{#if forgotPasswordNotification}}
                <div class="alert alert-success">
                    {{{forgotPasswordNotification}}}
                </div>
            {{/if}}

        </form>
      </div>

    </div>
  </div>
</template>
