{# style="padding-top: calc((100vh - 424px) / 2);" #}
<div class="ftr-card">
  <form class="ftr-form" id="form-login" action="{{ action }}" method="post" enctype="multipart/form-data" name="formlogin" autocomplete="off">
    <label class="ftr-field">
      <input class="ftr-field__entry ftr-js-field__entry" type="email" name="email_login" value="" id="email-login">
      <span class="ftr-field__text">{{ entry_email }}</span>
    </label>
    <label class="ftr-field">
      <input class="ftr-field__entry ftr-js-field__entry" type="password" name="password" value="" id="password-login">
      <span class="ftr-field__text">{{ entry_password }}</span>
    </label>
    {% if redirect %}
      <input type="hidden" name="redirect" value="{{ redirect }}" />
    {% endif %}
    <button type="submit" class="ftr-btn ftr-h--full ftr-background--primary ftr-js-ripple-effect">
      {{ text_enter }}
    </button>
    <div class="ftr-h--full ftr-in-space--t-xl ftr-in-space--b-xs ftr-text--center">
      <a href="{{ forgotten }}" class="ftr-text--s ftr-text--primary ftr-js-swipe-content-display" data-swipe-content="forgotten" id="link-forgotten">{{ text_forgotten }}</a>
    </div>
  </form>
</div>
<div class="ftr-h--full ftr-in-space--v-xl ftr-text--center">
  <span class="ftr-text--s ftr-block">{{ text_not_account }} <a href="#" class="ftr-text--primary ftr-js-new-account">{{ text_register }}</a></span>
</div>
