{% block admin_login_widget %}
	<div class="field">
		<div class="ui massive input">
			{{ form_widget(form.login) }}
		</div>
	</div>
	<div class="field">
		<div class="ui massive input">
			{{ form_widget(form.senha) }}
		</div>
	</div>
	<div class="field" id="login-button">
		{{ form_rest(form) }}
	</div>
{% endblock %}

{% block user_login_widget %}
	<div class="fields">
		<div class="three wide field"></div>
		<div class="ten wide field">
			{{ form_widget(form.login) }}
		</div>
	</div>
	{% set buttons = [
		{n:1,c:"1"},{n:2,c:"2"},{n:3,c:"3"},
		{n:4,c:"4"},{n:5,c:"5"},{n:6,c:"6"},
		{n:7,c:"7"},{n:8,c:"8"},{n:9,c:"9"},
		{n:"remove" ,c:"<i class='erase icon'></i>",cc:"teal"},{n:0 ,c:"0"}
	] %}
	<div class="numpad">
		{% for button in buttons %}
			<a href="javascript:numpad('{{ button.n }}')"
			   class="ui inverted basic circular button">
				{{ button.c|raw }}
			</a>
		{% endfor %}
		<label class="ui inverted basic circular disabled button" id="submit">
			<i class="check icon"></i>
			<span style="display: none">
				{{ form_row(form.entrar) }}
			</span>
		</label>
		<a href="{{ path('telecentro.user.signup') }}" class="ui inverted basic circular button">
			<i class="user icon"></i>
		</a>
	</div>
	<script>
		document.addEventListener('DOMContentLoaded', function(){
			initNumpad("#{{ form.login.vars.id }}", '#submit')
		});
	</script>
	{{ form_rest(form) }}
{% endblock %}

{% block user_signup_widget %}
	<div class="fields">
		<div class="three wide field"></div>
		<div class="ten wide field">
			{{ form_widget(form.cpf) }}
		</div>
	</div>
	<div class="fields">
		<div class="three wide field"></div>
		<div class="ten wide field">
			{{ form_widget(form.turma) }}
		</div>
	</div>
	{% set buttons = [
		{n:1,c:"1"},{n:2,c:"2"},{n:3,c:"3"},
		{n:4,c:"4"},{n:5,c:"5"},{n:6,c:"6"},
		{n:7,c:"7"},{n:8,c:"8"},{n:9,c:"9"},
		{n:"remove" ,c:"<i class='erase icon'></i>",cc:"teal"},{n:0 ,c:"0"}
	] %}
	<div class="numpad">
		{#{% for button in buttons %}#}
			{#<a href="javascript:numpad('{{ button.n }}')"#}
			   {#class="ui inverted basic circular button">#}
				{#{{ button.c|raw }}#}
			{#</a>#}
		{#{% endfor %}#}
		<a href="{{ path('telecentro.user.login') }}" class="ui big circular white icon inverted button">
			<i class="double left angle icon"></i>
		</a>
		<label class="ui inverted basic circular button" id="submit">
			<i class="check icon"></i>
			<span style="display: none">
				{{ form_widget(form.registrar) }}
			</span>
		</label>
	</div>
	{{ form_rest(form) }}
	{#<script>#}
		{#document.addEventListener('DOMContentLoaded', function(){#}
			{#initNumpad("#{{ form.registrar.vars.id }}", '#submit')#}
		{#});#}
	{#</script>#}
{% endblock %}