{% extends "layout.html" %}
{% block head %}
	{{ super() }}
	<title>{{ site_name }} - Create poll</title>
	<script src="/static/addInput.js"></script>
	<script>
		function onSignIn(user) {
			p = user.getBasicProfile();
			document.getElementById("username").value = p.getName().split(" ")[0];
			document.getElementById("uid").value = p.getId();
			gapi.auth2.getAuthInstance().signOut();
			document.getElementById("qform").submit();
		}
	</script>
{% endblock %}
{% block body %}
<div id="container">
    <form action="/create" method="post" id="qform">
		<input id="username" type="hidden" name="user" value=""/>
		<input id="uid" type="hidden" name="uid" value=""/>
		<input id="telegram_name" type="hidden" name="telegram_name" value=""/>
        <input type="text" name="title" placeholder="Title" style="margin-bottom:10px;"/>
        <div id="inputs">
        <input type="text" name="q1" placeholder="Enter poll option..." onfocus="addNewInput(this);"/>
        </div>
		To create this poll, please use Google Sign-in as an authentication method.
		<div class="g-signin2" data-onsuccess="onSignIn"></div>
    </form>
</div>
{% endblock %}