{% extends "base.html" %}

{% block title %}KeRS - Profile{% endblock %}

{% block styles %}
	<style>
		.container {
			margin: auto;
			width: 50%;
			padding: 10px;
		}

		input {
			width: 100%;
		}

		input[type=text] {
			width: 100%;
			padding: 12px 20px;
			margin: 8px 0;
			box-sizing: border-box;
		}
	</style>
{% endblock %}

{% block content %}
	<div class="container">
		<h1>Profile</h1>
		{% if user.is_authenticated %}
			<p>Username: {{ username }}</p>
			<label>Student number</label>
			<input type="text" value="{{ user.student_number }}"/>
			<label>Real name</label>
			<input type="text" value="{{ user.real_name }}">
			<input type="submit" value="Save"/>
			<a href="/user/logout">Logout</a>
		{% else %}
			<p>Not logged in</p>
			<a href="/login/zeus/register">Login</a>
		{% endif %}
	</div>
{% endblock %}