{% extends "comissoes/comissao_detail.html" %}
{% load i18n %}
{% load crispy_forms_tags %}

<h2>Composição</h2>
{% block detail_content %}

<table>
	<tr>
		<th>Nome</th>
		<th>Cargo</th>
		<th>Titular</th>
		<th>Designação</th>
		<th>Desligamento</th>
		<th>Motivo</th>
		<th>Observação</th>
	</tr>

	<form method="POST">
		{% csrf_token %}
		<select id="periodo" name="periodo" onChange="form.submit();">
			{% for c in composicoes %}
				<option value="{{c.id}}" {% if composicao_id == c.id %} selected {% endif %}>
					{{ c.periodo.data_inicio|date:"d/m/Y" }} - {{ c.periodo.data_fim|date:"d/m/Y" }}
				</option>
			{% endfor %}
		</select>
	</form>

	{% for participacao in participacoes %}
		{% if participacao.composicao_id == composicao_id %}
			<tr>
				<td><a href="{% url 'comissao:comissao_parlamentar_edit' pk participacao.id %}">{{participacao.parlamentar.nome_parlamentar}}</a></td>
				<td>{{participacao.cargo}}</td>
				<td>{{participacao.titular|yesno:"Sim,Não"}}</td>	
				<td>{{participacao.data_designacao|date:"d/m/Y"}}</td>
				<td>{{participacao.data_desligamento|date:"d/m/Y"|default:"-"}}</td>
				<td>{{participacao.motivo_desligamento|default:"-"}}</td>
				<td>{{participacao.observacao|default:"-"}}</td>
			</tr>
		{% endif %}
	{% endfor %}
</table>

<a href="{% url 'comissao:comissao_parlamentar' pk composicao_id %}" class="button primary">Incluir Parlamentar</a>

{% endblock detail_content %}