openfoodnetwork/app/assets/javascripts/templates/login.html.haml

%tab#login-content{ heading: "{{'label_login' | t}}", active: "tabs.login.active", select: "select(path)"}
  %form{ ng: { controller: "LoginCtrl", submit: "submit()" } }
    .row
      .large-12.columns
        .alert-box.alert{"ng-show" => "errors != null"}
          {{ errors }}
          %a{ng: {show: 'user_unconfirmed', click: 'resend_confirmation()'}}
            = t('devise.confirmations.resend_confirmation_email')
        .alert-box.success{ng: {show: 'messages != null'}}
          {{ messages }}
    .row
      .large-12.columns
        %label{for: "email"} {{'email' | t}}
        %input.title.input-text{name: "email",
          type: "email",
          id: "email",
          tabindex: 1,
          inputmode: "email",
          "ng-model" => "spree_user.email"}
    .row
      .large-12.columns
        %label{for: "password"} {{'password' | t}}
        %input.title.input-text{name: "password",
          type: "password",
          id: "password",
          autocomplete: "off",
          tabindex: 2,
          inputmode: "password",
          "ng-model" => "spree_user.password"}
    .row
      .large-12.columns
        %input{name: "remember_me",
        type: "checkbox",
        id: "remember_me",
        value: "1",
        "ng-model" => "spree_user.remember_me"}
        %label{for: "remember_me"} {{'remember_me' | t}}
    .row
      .large-12.columns
        %input.button.primary{name: "commit",
          tabindex: "3",
          type: "submit",
          value: "{{'label_login' | t}}"}