{% extends "closedverse_main/layout.html" %}
{% block main-body %}{% load closedverse_user %}
{% user_sidebar request user user.profile 0 True %}
<div id="help" class="main-column">
	<div class="post-list-outline">
		<h2 class="label">My invites</h2>
			<div class="help-content">
			<p>You can create invite keys here. Simply copy a key and send it to whoever you want to invite.</p>
			{% if invites %}
				<p class="label">Invites you've created:</p>
				<table class='user-data' style="width:100%">
				<tr>
					<th>Date created</th>
					<th>Code</th>
				</tr>
				{% for invites in invites %}
				<tr>
					<td>{{ invites.created }}</td>
					<td>{{ invites.code }}</td>
				</tr>
				{% endfor %}
				</table>
				{% else %}
				<p class="label">No invites to show.</p>
				{% endif %}
    <form class="setting-form" method="post" action={% url "main:create-invite" %}>
    {% csrf_token %}
    <div class="form-buttons">
			<input type="submit" class="black-button apply-button" value="Create new invite">
		</div>
    </form>
			</div>
		</div>
	</div>
{% endblock %}