<link rel="import" href="../paper-input/paper-input-decorator.html">
<link rel="import" href="../core-input/core-input.html">
<link rel="import" href="../paper-button/paper-button.html">

<polymer-element name="login-form">

  <template>
    <style>
      :host {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      section#section-login-form {
        padding: 16px;
      }
      paper-input-decorator {
        width: 100%;
      }
    </style>
    <section id="section-login-form" vertical layout start-justified end>
      <paper-input-decorator label="Username" floatinglabel error="This not empty" id="paper_input_name" layout vertical>
        <input id="input-username" placeholder="Username" name="log" is="core-input" type="text" required>
      </paper-input-decorator>
      <paper-input-decorator label="Password" floatinglabel error="This not empty" id="paper_input_pass" layout vertical>
        <input id="input-username" placeholder="Password" name="pwd" is="core-input" type="text" required>
      </paper-input-decorator>
      <paper-button id="paper_button">Log In</paper-button>
    </section>
  </template>

  <script>

    Polymer({

    });

  </script>

</polymer-element>