{% extends "crud/detail.html" %}
{% load i18n %}

{% block detail_content %}
<form id="form-votacao" method="post">
	{% csrf_token %}

	<fieldset class="form-group">
		<legend>{{votacao_titulo}}</legend>

		{% if form.errors %}
			<div class="alert-box alert">
				<b><h4>Os seguintes erros foram encontrados:</h4></b>
				<ul>
					{% for field in form %}
						{% if field.errors %}
							{% if field.label == 'total'%}
								<li>O total de votos não corresponde com a quantidade de votantes!</li>
							{% else %}
								<li>O campo <b>{{field.label}}</b> é obrigatório!</li>
							{% endif %}
						{% endif %}
					{% endfor %}
				</ul>
			</div>
		{% endif %}

		<div>
			<b>Matéria:</b> {{materia.materia}}
			<br />
			<b>Ementa:</b> {{materia.ementa}}
			<br />
			<br />
			<b>Total presentes:</b> {{total_presentes}} (com presidente)
			<br />
			<b>Total votantes:</b> {{total_votantes}} (com presidente)
			<input type="hidden" id="total_votos" name="total_votos">
		</div>
		<br />

		<div class="row">
			<div class="col-md-4">Sim*: <input type="text" id="votos_sim" name="votos_sim" value="" class="form-control"/></div>
			<div class="col-md-4">Não*: <input type="text" id="votos_nao" name="votos_nao" value="" class="form-control"/></div>
			<div class="col-md-4">Abstenções*: <input type="text" id="abstencoes" name="abstencoes" value="" class="form-control"/></div>
		</div>

   		<div class="row">
			<div class="col-md-6">
				A totalização inclui o voto do Presidente?*
				<select id="voto_presidente" name="voto_presidente" class="form-control">
				<option value="1">Sim</option>
				<option value="0" selected>Não</option>
				</select>
			</div>

			<div class="col-md-6">
				Resultado da Votação*
				<select id="resultado_votacao" name="resultado_votacao" class="form-control">
				{% for tipo in view.get_tipos_votacao %}
					<option value="{{tipo.id}}">{{tipo.nome}}</option>
				{% endfor %}
				</select>
			</div>
    	</div>

		<div class="row">
			<div class="col-md-12">
				Observações
				<textarea id="observacao" name="observacao" cols="10" rows="10" class="form-control"></textarea>
			</div>
		</div>

		<br /><br />
		<div class="row">
			<div class="col-md-12">
				<div class="form-group row justify-content-between">
					<input type="submit" id="cancelar-votacao" name="cancelar-votacao" value="Cancelar Votação" class="btn btn-warning" />
					<input type="submit" id="salvar-votacao" name="salvar-votacao" value="Salvar" class="btn btn-primary" />
				</div>
			</div>
		</div>
	</fieldset>
</form>
{% endblock detail_content %}