[%- USE T8 %]
[%- USE P %]
[%- USE HTML %][%- USE L -%][%- USE LxERP -%]

<center>
  <a href="https://www.kivitendo.de" target="_top" class="no-underlined-links center-align">
    <img src="image/kivitendo.png" class="responsive-img kivitendo-logo">
  </a>
</center>
<h5 class="center-align">[% LxERP.t8('kivitendo v#1', version) %]</h5>

<div class="section">
<div class="container">
[% IF error %]
  <div class="col s12 red">[% error | html %]</div>
[% END %]
[% IF warning %]
  <div class="col s12 blue lighten-3">[% warning | html %]</div>
[% END %]
[% IF info %]
  <div class="col s12 green lighten-1">[% ok | html %]</div>
[% END %]
</div>
</div>

<div class="section">
<div class="container">
  <div class="z-depth-1 grey lighten-4 row" style="padding: 32px 48px 0px 48px; border: 1px solid #EEE;">

    <form method="post" name="loginscreen" action="controller.pl" target="_top" class="col s12">
      <div class="row">
       [% P.M.input_tag('{AUTH}login', FORM.$auth_login, id='auth_login', class='initial_focus validate col s12', label=LxERP.t8('Login Name')) %]
      </div>
      <div class="row">
        [% P.M.input_tag('{AUTH}password', '', type='password', id='auth_password', class='validate col s12', label=LxERP.t8('Password')) %]
      </div>
      <div class="row">
        [% P.M.select_tag('{AUTH}client_id', SELF.clients, id='auth_client_id', class='col s12', title_key='name', default=SELF.default_client_id) %]
      </div>

      <div class="row">
        [% L.hidden_tag("action", "LoginScreen/login") %]
        [% P.M.submit_tag("btn_login", "Login", class="col s12", large=1) %]
      </div>
    </form>

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