<script type="text/javascript">
var TIPO_VINCULO_PENSIONISTA = '<%= TipoVinculo::NUM_INICIAL_PENSIONISTA %>'

var pessoa_id = <%= (@pessoa.id != nil ? @pessoa.id : 0) %>;
var url_pesquisar_beneficiante = '<%= url_for(:controller => :pessoas, :action => :pesquisar_beneficiante, :id => (@pessoa.id != nil ? @pessoa.id : 0), :format => :json) %>';

var lotados = <%= @pessoa.lotados.order('data_lotacao desc').to_json(:include => :lotacao).html_safe %>;
var vinculos = <%= @pessoa.vinculos.order('created_at desc').to_json(:include => [:beneficiario, :tipo_vinculo]).html_safe %>;
var tipo_vinculos = <%= @tipo_vinculos.html_safe %>;

</script>

<div class="lotacoes">

	<h2>Lotações</h2>

	<button type="button" ng-click="adicionarLotados()" class="botton" title="Adicionar Lotação">Adicionar</button>

	<div ng-repeat="l in lotados">

		<div class="formulario-esquerda-menor">

			<div class="form-line">

				<div class="ocupa-5-ultimo">

					<input type="hidden" name="pessoa[lotados_attributes][{{$index}}][id]" value="{{l.id}}"/>

					<input type="hidden" name="pessoa[lotados_attributes][{{$index}}][criado_por]" value="{{l.criado_por}}"/>

					<input type="hidden" name="pessoa[lotados_attributes][{{$index}}][atualizado_por]" value="<%= @usuario_corrente %>"/>

					<label>Lotação:</label><br/>

					<input id="pessoa_lotados_attributes_{{$index}}_lotacao_id" name="pessoa[lotados_attributes][{{$index}}][lotacao_id]" value="{{l.lotacao_id}}" type="hidden"/>

					<%= autocomplete_field_tag 'descricao', "{{l.lotacao.descricao}}", autocomplete_lotacao_descricao_pessoas_path, :id_element => '#pessoa_lotados_attributes_{{$index}}_lotacao_id', :class => "ui-autocomplete-input", :required => true, :placeholder => "* Campo Obrigatório" %>
				</div>

			</div><!-- div.form-line -->

		</div> <!-- fim div.formulario-esquerda-menor-->


		<div class="formulario-direita-menor">

			<div class="form-line">

				<div class="ocupa-2">

					<label>Data da Lotação:</label><br/>
					<input name="pessoa[lotados_attributes][{{$index}}][data_lotacao]" ng-model="l.data_lotacao" ui-mask="'99/99/9999'" ui-date="{dateFormat: 'dd/mm/yy'}"/>

				</div>

				<div class="ocupa-2">

					<label>Ativo:</label><br/>

					<select name="pessoa[lotados_attributes][{{$index}}][ativo]" ng-model="ativo" ng-init="ativo=l.ativo">
						<option value="true">Sim</option>
						<option value="false">Não</option>
					</select>

				</div>

			</div> <!-- div.form-line -->

		</div> <!-- fim div.formulario-direita-menor -->

		<button type="button" ng-click="removerLotados($index)" class="botton remover-width-100" title="Remover Lotação">Remover Lotação</button>

	</div>

</div> <!-- fim div.Lotações -->












<div class="criar-vinculos">

	<h2>Vínculos</h2>

	<button type="button" ng-click="adicionarVinculos()" class="botton adicionar" title="Adicionar Vínculo">Adicionar</button>

	<div ng-repeat="v in vinculos">


		<div class="formulario-esquerda-menor">

			<div class="form-line">

				<div class="ocupa-2">

					<input type="hidden" name="pessoa[vinculos_attributes][{{$index}}][id]" value="{{v.id}}"/>

					<input type="hidden" name="pessoa[vinculos_attributes][{{$index}}][criado_por]" value="{{v.criado_por}}"/>

					<input type="hidden" name="pessoa[vinculos_attributes][{{$index}}][atualizado_por]" value="<%= @usuario_corrente %>"/>

					<label>Matrícula:</label><br/>

					<input name="pessoa[vinculos_attributes][{{$index}}][matricula]" value="{{v.matricula}}" />

				</div>

				<div class="ocupa-2">
					<label>Data da Início:</label><br/>
					<input name="pessoa[vinculos_attributes][{{$index}}][data_inicio]" ng-model="v.data_inicio" ui-mask="'99/99/9999'" ui-date="{dateFormat: 'dd/mm/yy'}" required="required" placeholder="* Campo Obrigatório"/>
				</div>










			</div> <!-- fim div.form-line -->


			<div class="form-line">

				<div class="ocupa-2">
					<label>Data da Desligamento:</label><br/>
					<input name="pessoa[vinculos_attributes][{{$index}}][data_desligamento]" ng-model="v.data_desligamento" ui-mask="'99/99/9999'" ui-date="{dateFormat: 'dd/mm/yy'}"/>
				</div>

			</div> <!-- fim div.form-line -->




			<div class="form-line">


				<div class="ocupa-4">

					<label>Tipo de Vínculo</label>

					<input type="hidden" name="pessoa[vinculos_attributes][{{$index}}][tipo_vinculo_id]" value="{{v.tipo_vinculo_id}}"/>

					<select ng-model="v.tipo_vinculo_id" ng-options="tp.id as tp.descricao for tp in tipo_vinculos" required="required">
						<option value=""></option>
					</select>

				</div>


			</div> <!-- fim div.form-line -->













			<div class="form-line">

				<div class="ocupa-4" ng-show="validarExibicaoPorTipoVinculo(v.tipo_vinculo_id)">

					<label>Beneficiário:</label><br/>

					<input type="hidden" name="pessoa[vinculos_attributes][{{$index}}][beneficiario_pensao]" value="{{v.beneficiario_pensao}}" ng-disabled="!validarExibicaoPorTipoVinculo(v.tipo_vinculo_id)"/>
					<input buscar-beneficiario="{item:v}" type="text" value="{{v.beneficiario.nome}}" ng-required="validarExibicaoPorTipoVinculo(v.tipo_vinculo_id)"/>

				</div>

			</div> <!-- fim div.form-line -->



			<div class="form-line">



			</div> <!-- fim div.form-line -->

			<div class="form-line posiciona-ativo">

				<div class="ocupa-2">

					<label>Ativo:</label><br/>

					<select name="pessoa[vinculos_attributes][{{$index}}][ativo]" ng-model="ativo" ng-init="ativo=v.ativo">
						<option value="true">Sim</option>
						<option value="false">Não</option>
					</select>

				</div>

				<div class="ocupa-2">

					<label>Jornada de Trabalho:</label><br/>
					<select name="pessoa[vinculos_attributes][{{$index}}][jornada_trabalho]" ng-model="jornada_trabalho" ng-init="jornada_trabalho=v.jornada_trabalho">
						<option value="6">6</option>
						<option value="8">8</option>
					</select>
				</div>

				<div class="ocupa-1-ultimo">
					<label>Bate o Ponto:</label><br/>
					<select name="pessoa[vinculos_attributes][{{$index}}][bate_ponto]" ng-model="bate_ponto" ng-init="bate_ponto=v.bate_ponto">
						<option value="true">Sim</option>
						<option value="false">Não</option>
					</select>
				</div>

			</div> <!-- fim div.form-line -->












		</div> <!-- fim div.formulario-esquerda -->

		<div class="formulario-direita-menor" >


			<div class="form-line">

				<div class="ocupa-10">
					<legend>Nomeação</legend>
				</div>

				<br />

			</div> <!-- fim div.form-line -->

			<div class="form-line">

				<div class="ocupa-2">
					<label>Data do Decreto:</label><br/>
					<input name="pessoa[vinculos_attributes][{{$index}}][data_decreto_nomeacao]" ng-model="v.data_decreto_nomeacao" ui-mask="'99/99/9999'" ui-date="{dateFormat: 'dd/mm/yy'}"/>
				</div>

				<div class="ocupa-3-ultimo">
					<label>Dados Decreto:</label><br/>
					<input type="text" name="pessoa[vinculos_attributes][{{$index}}][dados_decreto_nomeacao]" ng-model="v.dados_decreto_nomeacao" maxlength="255"/>
				</div>

			</div> <!-- fim div.form-line -->

			<div class="form-line">

				<div class="ocupa-2">
					<label>Data da Publicação:</label><br/>
					<input name="pessoa[vinculos_attributes][{{$index}}][data_publicacao_nomeacao]" ng-model="v.data_publicacao_nomeacao" ui-mask="'99/99/9999'" ui-date="{dateFormat: 'dd/mm/yy'}"/>
				</div>

			</div> <!-- fim div.form-line -->

			<div class="form-line posiciona-exoneracao">

				<div class="ocupa-10">
					<legend>Exoneração</legend>
				</div>

			</div> <!-- fim div.form-line -->

			<div class="form-line">

				<div class="ocupa-2">
					<label>Data do Decreto:</label><br/>
					<input name="pessoa[vinculos_attributes][{{$index}}][data_decreto_exoneracao]" ng-model="v.data_decreto_exoneracao" ui-mask="'99/99/9999'" ui-date="{dateFormat: 'dd/mm/yy'}"/>
				</div>

				<div class="ocupa-3-ultimo">
					<label>Dados Decreto:</label><br/>
					<input type="text" name="pessoa[vinculos_attributes][{{$index}}][dados_decreto_exoneracao]" ng-model="v.dados_decreto_exoneracao" />
				</div>

			</div> <!-- fim div.form-line -->

			<div class="form-line">

				<div class="ocupa-2">
					<label>Data da Publicação:</label><br/>
					<input name="pessoa[vinculos_attributes][{{$index}}][data_publicacao_exoneracao]" ng-model="v.data_publicacao_exoneracao" ui-mask="'99/99/9999'" ui-date="{dateFormat: 'dd/mm/yy'}"/>
				</div>

			</div> <!-- fim div.form-line -->

		</div> <!-- fim div.formulario-direita -->

		<button type="button" ng-click="removerVinculos($index)" class="botton remover-width-100" title="Remover Vínculo">Remover Vínculo</button>

	</div><!-- fim div.border -->

</div> <!-- fim div.criar-vinculos -->