{% extends "protocoloadm/detail_doc_detail.html" %}
{% load i18n %}
{% load crispy_forms_tags %}

{% block detail_content %}
	<fieldset>
		<legend>Formulário de Cadastro</legend>
			<form method="POST">
				{% csrf_token %}
				<fieldset>
					<legend>Identificação Básica</legend>
					<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
						<li><b>Tipo Documento</b></li>
						<li><b>Número</b></li>
						<li><b>Ano</b></li>
					</ul>
					<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
						<li>
							<select name="tipo_documento" disabled>
								{% for tipo in tipos_doc %}
									{% if doc.tipo.id == tipo.id %}
										<option value="{{ tipo }}" selected> {{ tipo.sigla }} - {{ tipo.descricao }} </option>
									{% endif %}
								{% endfor %}
							</select>
						</li>
						<li><input type="text" name="numero" value="{{ doc.numero }}"/></li>
						<li><input type="text" name="ano" value="{{ doc.ano }}"/></li>
					</ul>
					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
						<li><b>Data</b></li>
						<li><b>Núm. Protocolo</b></li>
					</ul>
					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
						<li><input type="text" name="data" class="dateinput" value="{{ doc.data|date:"d/m/Y" }}"/></li>
						<li><input type="text" name="numero_protocolo" value="{{ doc.numero_protocolo }}"/></li>
					</ul>
					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
						<li><b>Assunto</b></li>
					</ul>
					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
						<li><textarea rows="4" cols="50" name="assunto">{{ d.assunto }}</textarea></li>
					</ul>
					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
						<li><b>Interessado</b></li>
						<li><b>Em Tramitação?</b></li>
					</ul>
					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
						<li><input type="text" name="interessado" value="{{ doc.interessado }}"/></li>
						<li>
							<select name="tramitacao">
								<option value="True" {% if doc.tramitacao == True %} selected {% endif %} > Sim </option>
								<option value="False" {% if doc.tramitacao == False %} selected {% endif %}> Não </option>
							</select>
						</li>
					</ul>
				</fieldset>
				<fieldset>
					<legend>Outras Informações</legend>
					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
						<li><b>Dias Prazo</b></li>
						<li><b>Data Fim Prazo</b></li>
					</ul>
					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
						<li><input type="text" name="dias_prazo" {% if doc.diasprazo != None %} value="{{ doc.dias_prazo }}" {% endif %} /></li>
						<li><input type="text" name="data_fim_prazo" class="dateinput" {% if doc.data_fim_prazo != None %} value="{{ doc.data_fim_prazo }}" {% endif %} /></li>
					</ul>
					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
						<li><b>Obervação</b></li>
					</ul>
					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
						<li><textarea rows="4" cols="50" name="observacao">{{ documento.observacao }}</textarea></li>
					</ul>
				</fieldset>
				<input type="submit" value="Salvar" name="Salvar" class="primary button"/>
				<input type="submit" value="Excluir" name="Excluir" class="primary button"/>
			</form>
	</fieldset>
{% endblock %}

{% block foot_js %}
   <script type="text/javascript">
    	$(function () {
			$('.dateinput').fdatepicker({
				// TODO localize
				format: 'dd/mm/yyyy',
				language: 'pt',
				endDate: '31/12/2100',
				todayBtn: true
			});
		});
	</script>
{% endblock %}