{!! IN::Hidden('documentacao',count($documentacao ?? null) ?: 1); !!}
@for($i=0;$i==0 || $i<(count($documentacao ?? null) ?: 0);$i++)
<div class="grupo-btn{{(IN::Forma(2)!='' ? ' grupo-btn-inativo' : '') }} super-divisao">
	<button type="button" class="btn btn-warning g-btn" onclick="MenosProcesso(this)" title="remove este"><i class="fa fa-minus"></i></button>
	<fieldset id="TelaEtapaDeDocumentacao-{{$i}}" class="bl g-24-0">
		<legend id="TelaTituloEtapaDeDocumentacao">Documentação <span class="mais-ou-menos-contador">{{($i + 1)}}</span></legend>
		<div class="group-x">
			{!! IN::Hidden('documentacao_id-' . $i,$documentacao[$i]->id ?? 1000); !!}
			{!! IN::Hidden('documentacao_nome-' . $i,'Documentação ' . ($i+1)); !!}
		</div>
		<div class="group-x">
			<div class="explica">Configure as condições para apresentação deste formulário.</div>
			<div id="TelaDocumentacaoBloqueado" class="form-group g-l-x" style="display:none;">
				<label>
					Bloquear alterações? *
					<span class="duvida">?<span>Com acesso bloqueado para alterações as informações não podem ser editadas mas podem ser lidas.</span></span>
				</label>
				{!! IN::Radio('documentacao_bloqueado-' . $i,$documentacao[$i]->bloqueado ?? 0,[[1,'sim'],[0,'não']],['Nivel' => 2]); !!}
			</div>
			<div id="TelaDocumentacaoCondicoes" class="form-group g-l-x">
				<label>
					Apresentar somente para projetos em certas condições? *
					<span class="duvida">?<span>É possível definir condições específicas onde este formulário terá que ser preenchido.</span></span>
				</label>
				{!! IN::Radio('documentacao_tem_condicoes-' . $i,$documentacao[$i]->tem_condicoes ?? 0,[[1,'sim'],[0,'não']],['Nivel' => 2,'Complemento' => 'onclick="MostrarDetalhe()"']); !!}
			</div>
			<div id="TelaDocumentacaoCondicoes-{{$i}}">
				<div id="TelaDocumentacaoUf" class="form-group g-l-x g-8-2 gm-12-2 gp-24-2">
					<label>
						UFs:
						<span class="duvida">?<span>Essa etapa do processo pode acontecer somente para algumas ufs. Por exemplo se para uma uf exijam quesitos de processos específicos é possível garantir isso limitando as ufs desejadas. Se o processo for válido para todas as ufs não limite a nenhuma.</span></span>
					</label>
					{!! IN::Select('documentacao_uf_ids-' . $i . '[]',paraVetor($documentacao[$i]->uf_ids ?? ''),paraVetor($documentacao[$i]->uf_ids ?? ''),['Nivel' => 2,'Classe' => 'chosen-select','Complemento' => 'multiple']); !!}
				</div>
				<div id="TelaDocumentacaoAreaDeAtuacao" class="form-group g-l-x g-8-2 gm-12-2 gp-24-2">
					<label>
						Áreas de atuação:
						<span class="duvida">?<span>Essa etapa do processo pode acontecer somente para algumas áreas de atuação. Por exemplo se para projetos música exijam este procedimento é possível garantir isso limitando a áreas de atuação. Se o processo for válido para todas as áreas de atuação não limite a nenhuma.</span></span>
					</label>
					{!! IN::Select('documentacao_area_de_atuacao_ids-' . $i . '[]',paraVetor($documentacao[$i]->area_de_atuacao_ids ?? ''),paraVetor($documentacao[$i]->area_de_atuacao_ids ?? ''),['Nivel' => 2,'Classe' => 'chosen-select','Complemento' => 'multiple']); !!}
				</div>
			</div>
			<div id="TelaDocumentacaoTexto" class="form-group g-l-x g-24-2">
				<label>Texto de abertura:</label>
				{!! IN::TextArea('documentacao_texto_de_abertura-' . $i,$documentacao[$i]->texto_de_abertura ?? '',5000,['Nivel' => 1,'Classe' => 'i_editor']) !!}
			</div>
			<div id="TelaDocumentacaoArquivo" class="form-group g-l-x g-12-2 gc-24-2">
				<label>Arquivo:</label>
				<div class="input-group">
					{!! IN::Hidden('documentacao_arquivo-' . $i . '_id',$documentacao[$i]->arquivo->id ?? 0) !!}
					{!! IN::Text('documentacao_arquivo-' . $i . '_nome',$documentacao[$i]->arquivo->nome ?? '',['Leitura' => 'Sim','Ativo' => IN::Enabled('style="background-color:#ffffff;"')]) !!}
					<span class="input-group-btn">
						<span id="documentacao_arquivo-{{ $i }}_bytes" class="form-control input-group-addon tamanho input">{!! (empty($documentacao[$i]->arquivo->tamanho) ? '&nbsp;' : OUT::Bytes($documentacao[$i]->arquivo->tamanho)) !!}</span>
						@if(IN::Forma(1)=='')
							<span id="TelaDocumentacaoEnviarArquivo_{{$i}}" class="btn btn-outline btn-danger" style="margin-left:5px;"><iframe src="/enviar-arquivo/documentacao_arquivo-{{$i}}" name="file" id="file" frameborder="0" scrolling="no" class="file mais-ou-menos-id"></iframe>Anexar</span>
							<button id="TelaDocumentacaoApagarArquivo_{{$i}}" class="btn btn-outline btn-normal" type="button" style="margin-left:5px;" onclick="ApagarArquivo('documentacao_arquivo-' + $(this).attr('id').split('_')[1]);">Apagar</button>
						@endif
						<button id="TelaDocumentacaoVerArquivo_{{$i}}" class="btn btn-outline btn-primary" type="button" style="margin-left:5px;" onclick="VerArquivo('documentacao_arquivo-' + $(this).attr('id').split('_')[1]);">Ver</button>
					</span>
					<progress id="documentacao_arquivo-{{$i}}_progresso" max="100" value="0" style="display:none;"></progress>
				</div>
			</div>
			<div class="limpar"></div>
			<div id="TelaTituloFormularioDeDocumentacao" class="explica">
				@if(IN::Forma(2)=='')
				Crie o formulário usando os controles abaixo.<br />
				Edite o nome do bloco usando os controles de edição logo acima do bloco correspondente. O botão "&ndash;" ao lado deste exclui o bloco e todos os seus elementos.<br />
				Você pode criar blocos utilizando o "+ Novo bloco".	Dentro de um bloco você pode usar os controles com os mesmos símbolos para fazer as operações com os controles.<br />
				Qualquer elemento pode ser arrastado de uma posição para outra.<br />
				Você terá a visão de como o formulário será apresentado para o usuário a medida que irá editando. A única diferença é que o usuário não verá os botões de "+", "&ndash;" e "edição"<br />
				@else
				Abaixo você tem uma visão aproximada do formulário de avaliação criado.<br />
				@endif
				<br />
			</div>
		</div>
	</fieldset>
	<div id="TelaFormularioDeDocumentacao-{{$i}}" class="formulario">
		{!! IN::Hidden('formulario_de_documentacao-' . $i,$documentacao[$i]->controles ?? ''); !!}
		<div class="formulario-blocos" style="clear:both;"></div>
	</div>
</div>
@endfor
<div class="grupo-btn-fora{{(IN::Forma(2)!='' ? ' grupo-btn-inativo' : '') }}">
	<button type="button" class="btn btn-success g-btn" onclick="MaisProcesso(this)" title="inclui mais um"><i class="fa fa-plus"></i> Novo formulário</button>
</div>