% layout 'mainlayout';

% my $uses_cram = config->{session}{secure} eq 'cram';

<section class=section>
  <div class="container is-max-desktop box">

    <h1 class=title>
      <%= ucfirst l 'login' %>
    </h1>
    <h2 class=subtitle>
      JWebmail 
    </h2>

% if (my $msg = flash('message') || stash('warning')) {
  <div class="message is-warning">
    <div class=message-header>
      %= $msg
    </div>
  </div>
% }

  %= form_for login => (name => 'login1') => (method => 'post') => (class => 'pure-form pure-form-aligned jwm-round') => begin

    <div class="field is-horizontal">
      <div class=field-label>
        %= label_for userid => ucfirst l 'userid' => (class => 'label')
      </div>
      <div class=field-body>
        <div class=field>
          <div class=control>
            %= text_field 'userid' => '' => (required => undef) => (class => 'input')
          </div>
        </div>
      </div>
    </div>

    <div class="field is-horizontal">
      <div class=field-label>
        %= label_for password => ucfirst l 'password' => (class => 'label')
      </div>
      <div class=field-body>
        <div class=field>
          <div class=control>
            %= password_field 'password' => (required => undef) => (class => 'input')
          </div>
        </div>
      </div>
    </div>
% if ($uses_cram) {
      %= hidden_field challenge => rand
% }
    <div class="field is-horizontal">
      <div class=field-label>
      </div>
      <div class=field-body>
        <div class=field>
          <div class=control>
            %= submit_button ucfirst l('login') => (class => 'button is-primary') => (name => 'submit_button') => $uses_cram ? (disabled => undef) : ()
          </div>
        </div>
      </div>
    </div>
  % end

  </div>
</section>

% if ($uses_cram) {
%= javascript '/src/login_cram.js'
% }

%= javascript begin
  if (!document.login1.userid.value) {
    document.login1.userid.focus();
  } else {
    document.login1.password.focus();
  }
% end