<!DOCTYPE html>
<html>
  <head>
    <title>Symposium</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/static/styles.css">
    <link rel="stylesheet" type="text/css" href="/symposium/static/styles.css">
    <link rel="shortcut icon" type="image/x-icon" href="/symposium/static/favicon.ico">
  </head>
  <body>
	<div class="container">
        <div>
            <div class="home">
                <a href="/symposium" class="home-title">Symposium</a>
                <span> at </span><a class="site" href="/">cyfraeviolae.org</a>
                <a class="source" href="/git/symposium">[src]</a>
            </div>
        </div>
        <br>
        {% if manage %}
        <span class="manage">Admin Management Interface</span>
        <br>
        <br>
        Save your admin management link. Without it, you will not be able to edit your event.
        <br>
        <br>
        <button onclick="navigator.clipboard.writeText(document.location.host + '/symposium/event/{{event.iden}}?password={{event.password}}')">Copy admin management link (keep safe)</button>
        <br>
        <br>
        <button onclick="navigator.clipboard.writeText(document.location.host + '/symposium/event/{{event.iden}}')">Copy invite link</button>
        <button onclick="window.open('/symposium/event/{{event.iden}}', '_blank')">Visit public invite page</button>
        <br>
        <hr>
        {% endif %}
        <form method="POST" action="/symposium/event/{{ event.iden }}/edit?password={{event.password}}">
        {% if manage %}
        <span class="q">Title:</span>
        <input name="title" type="text" value="{{ event.title }}"></input>
        {% else %}
        <h3>{{ event.title }}</h3>
        {% endif %}
        <br>
        {% if not manage %}
        <button>Copy invite link</button>
        <br>
        {% endif %}
        <br>
        <span class="q">When?</span>
        {% if manage %}
        <input name="when" class="when" type="datetime-local" value="{{ event.time }}" >
        {% else %}
        <input name="when" class="when" type="datetime-local" value="{{ event.time }}" disabled>
        {% endif %}
        <br>
        <br>

        <span class="q">Where?</span>
        {% if manage %}
        <input name="where" type="text" value="{{ event.location }}"></input>
        {% else %}
        <a target="_blank" href="http://maps.google.com/?q={{ event.location }}">{{ event.location }}</a>
        {% endif %}

        <br><br>

        <span class="q">What?</span>
        <br>
        {% if manage %}
        <textarea name="what" class="desc">{{event.description}}</textarea>
        <br>
        {% else %}
        {{ event.description }}
        <br>
        {% endif %}

        <br>
        {% if manage %}
        <button>Save changes</button>
        <br>
        <br>
        {% endif %}
        </form>
        <span class="q">Who?</span>
        <br>
        {% for name in event.get_invites() %}
        &mdash; {{ name }}
        <br>
        {% endfor %}
        {% if manage %}
        <form method="POST" action="/symposium/event/{{ event.iden }}/join?password={{ event.password }}" class="join-form">
        {% else %}
        <form method="POST" action="/symposium/event/{{ event.iden }}/join" class="join-form">
        {% endif %}
            <input type="text" name="name">
            <button type="submit">Add attendee</button>
        </form>
    </div>
  </body>
</html>