<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{$title}}</title>
<style>
.centered { text-align: center; }
% include view/form.css
</style>
</head>
<body>
<h1 class="centered">Project</h1>
<form action="/new-project" method="post">
<table class="field-list">
<tbody>
<tr>
<td>
<label for="name">Name:</label>
</td>
<td>
<input
type="text" class="flat-field" id="name" name="name" required
pattern="[-_A-Za-z0-9]+" autofocus>
</td>
</tr>
<tr>
<td>
<label for="desc">Description:</label>
</td>
<td>
<input type="text" class="flat-field" id="desc" name="desc" size="30">
</td>
</tr>
<tr>
<td>
<label for="goal">Goal:</label>
</td>
<td>
<input type="text" class="flat-field" id="goal" name="goal" size="50">
</td>
</tr>
<tr>
<td>
<label for="color">Color:</label>
</td>
<td>
<input type="color" class="flat-field" id="color" name="color" value="#000000">
</td>
</tr>
<tr>
<td>
<label for="priority">Priority:</label>
</td>
<td>
<input type="number" class="flat-field" id="priority" name="priority" required>
</td>
</tr>
</tbody>
</table>
<br>
<input type="submit" class="flat-button" value="Create">
</form>
</body>
</html>