<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/core-icon-button/core-icon-button.html">
<link rel="import" href="../bower_components/core-field/core-field.html">
<link rel="import" href="../bower_components/paper-input/paper-input.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../bower_components/core-iconset-svg/core-iconset-svg.html">
<polymer-element name="login-screen">
	<template>
		<style>
		    .container {
		  		background-color: white;
		  		padding: 20px;
		  		margin: 15px;
		    }
		    .confirm-button{
		    	color: green;
		    }
		</style>
		<core-field class=container layout vertical>
		<h3>Welcome, please login.</h3>
		<paper-input label="Username" floatinglabel=true></paper-input>
		<paper-input label="Password" floatinglabel=true type="password"></paper-input>
		<paper-icon-button class="confirm-button"icon="check" onClick="{{goLink}}"></paper-icon-button>
		</core-field>
	</template>
	<script>
		Polymer('login-screen',{
    		goLink: function(e){console.log(("hai");}
		});
	</script>
</polymer-element>