<head>
<title>Homework</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="container">
<div class="page-header">
<h1 id="title">Homework
<span id="br"><br></span>
<small id="small">management for students</small>
</h1>
</div>
<div class="center-block" id="quicknotes">
{{> notes}} {{#if currentUser}}
<div align="center">
{{> adder}} {{> userInfo}}
</div>
{{/if}} {{#unless currentUser}} {{> auth}} {{/unless}}
</div>
</div>
</body>
<template name="notes">
<ul class="list-group">
{{#each notes}}
<li class="list-group-item">
{{content}}
<button type="button" class="btn btn-danger pull-right delete">
<i class="fa fa-trash-o"></i>
</button>
</li>
{{/each}}
</ul>
</template>
<template name="adder">
<input type="text" id="newNote" class="form-control" placeholder="Add new note">
</template>
<template name="auth">
<p align="center">
Register a new Account or login
</p>
<input type="text" id="mail" class="form-control login" placeholder="Email">
<input type="text" id="pass" class="form-control login" placeholder="Password">
<br>
<button type="button" id="register" class="btn btn-info">Register</button>
<button type="button" id="login" class="btn btn-info">Login</button>
</template>
<template name="userInfo">
<button type="button" id="logout" class="btn btn-danger">Logout</button>
</template>