@extends('/frame')
@section('title', 'Editar Edital')
@section('id-principal', 'editar-edital')
@section('classe-principal', 'todos-os-passos')
@section('script')
	<!--suppress UnreachableCodeJS -->
	<script src="{{ URL::to('/lib/ckeditor/ckeditor.js') }}"></script>
	<script src="{{ URL::to('/lib/ckeditor/adapters/jquery.js') }}"></script>
	<script type="text/javascript">
		//<![CDATA[
		var Leitura=0{!! IN::Nivel() !!};
		var blocos=[];
		var Frame;
		var nomes_dos_processos=['documentacao','contratacao','execucao','prestacao'];

		$(function ()
		{
			var processos,i;

			@if(session()->has('sucesso'))
			FecharJanela('!');
			@endif
			@if(empty($fx))
			IniciarAjaxSubmit('!');
			IniciarTela('<i class="fa fa-sitemap fa-fw"></i> {{ IN::Enabled(($_acao=='ALTERAR' ? 'Alterar' : 'Novo'),'Ver',2) }} Edital',blade({!! $_opcoes !!}));
			@endif
			IniciarMascaras();
			MostrarDetalhe();
			MostrarPasso('Todos');
			MontarFormulario('projeto');
			for (i = 0; i < $('input[name=documentacao]').val(); i++) MontarFormulario('documentacao-' + i);
			for (i = 0; i < $('input[name=contratacao]').val(); i++) MontarFormulario('contratacao-' + i);
			for (i = 0; i < $('input[name=execucao]').val(); i++) MontarFormulario('execucao-' + i);
			for (i = 0; i < $('input[name=prestacao]').val(); i++) MontarFormulario('prestacao-' + i);
			@if(empty($idOriginal))
			CarregarModeloDeProcesso();
			@endif
		});

		function IniciarMascaras()
		{
			IniciarCampos();
			InputSelect();
			MaisOuMenos('',function(seletor)
			{
				IniciarMoverMaisOuMenos(seletor);
				IniciarCampos();
				InputSelect();
				setTimeout(function(){$('.i_editor:visible').ckeditor();},2000);
			});

			$.fn.isInViewport = function()
			{
				var i;

				var elementTop = $(this).offset().top;
				var elementBottom = elementTop + $(this).outerHeight();

				var viewportTop = $(window).scrollTop();
				var delta=$(window).height();
				var viewportBottom = viewportTop + delta;

				delta= delta / 10;

				for(i=9;i>=0;i--)
				{
					if(elementBottom > viewportTop+(delta*i) && elementTop < viewportBottom-(delta*i/2))
					{
						return (i+1);
					}
				}
				return(0);
			};

			$('form').on('resize scroll', function()
			{
				$('.passo').each(function()
				{
					var id='Aba' + $(this).attr('id').substr(4);
					var i=$(this).is(':visible') ? $(this).isInViewport() : 0;
					if (i>2)
					{
						$('#' + id).addClass('marcado');
					}
					else
					{
						$('#' + id).removeClass('marcado');
					}
				});
			});
		}

		function MostrarDetalhe()
		{
			var $seletor=null;
			var i,p,n,tam,valor,id,nome,$proximo,lista,etapa,processos,nome_do_processo;

			var amplitude_id=$('input[name=amplitude_id]:checked').val();

			$('[id^=TelaEstados]').hide();
			if(!empty(amplitude_id)) $('#TelaEstados' + amplitude_id).show();
			for(n=0;n<nomes_dos_processos.length;n++)
			{//CADA PROCESSO
				nome_do_processo=nomes_dos_processos[n];
				processos=parseInt($('input[name=' + nome_do_processo + ']').val());

				//ÁREA DE ATUAÇÃO
				for (i = 0; i < processos; i++)
				{
					$proximo = $('select[name="' + nome_do_processo + '_area_de_atuacao_ids-' + i + '[]"]');
					valor = $proximo.val();
					$proximo.empty();
					if (i == 0)
					{//CRIANDO A LISTA DO PRIMEIRO ELEMENTO
						tam = $('input[name=areas_de_atuacao]').val();
						for (p = 0; p < tam; p++)
						{
							id = p + 1;
							nome = $('input[name=area_de_atuacao_nome_' + p + ']').val();
							$proximo.append($('<option>', {value: id}).text(nome));
						}
						$seletor = $proximo;
					}
					else
					{//CRIANDO A LISTA DOS DEMAIS ELEMENTOS
						$proximo.append($seletor.find('option').clone());
					}
					$proximo.val(valor);
					$proximo.trigger("chosen:updated");
				}

				if (!empty(amplitude_id))
				{
					//UF
					for (i = 0; i < processos; i++)
					{
						$proximo = $('select[name="' + nome_do_processo + '_uf_ids-' + i + '[]"]');
						valor = $proximo.val();
						$proximo.empty();
						if (i == 0)
						{//CRIANDO A LISTA DO PRIMEIRO ELEMENTO
							$('#TelaEstados' + amplitude_id + ' input[name="uf_ids[]"]:checked, #TelaEstados' + amplitude_id + ' input[name="centro_cultural_uf_ids[]"]:checked').each(function ()
							{
								id = $(this).val();
								nome = id;
								$proximo.append($('<option>', {value: id}).text(nome));
							});
							$seletor = $proximo;
						}
						else
						{//CRIANDO A LISTA DOS DEMAIS ELEMENTOS
							$proximo.append($seletor.find('option').clone());
						}
						$proximo.val(valor);
						$proximo.trigger("chosen:updated");
					}
				}

				//ETAPAS ANTERIORES
				for(i=0;i<processos;i++)
				{//VARRE CADA ETAPA DE PROCESSO
					$proximo=$('select[name="' + nome_do_processo + '_ids-' + i + '[]"]');
					valor=$proximo.val();
					$proximo.empty();
					for(p=0;p<processos;p++)
					{//MONTA A LISTA DE PROCESSOS EXISTENTES
						if(p!=i)
						{//NÃO PODE INCLUIR O PRÓPRIO PROCESSO
							id=parseInt($('input[name=' + nome_do_processo + '_id-' + p).val());
							nome=$('input[name=' + nome_do_processo + '_nome-' + p).val();
							$proximo.append($('<option>', { value : id }).text(nome));
						}
					}
					$proximo.val(valor);
					$proximo.trigger("chosen:updated");
				}

			}
			var modelo_de_processo_id=getVal('modelo_de_processo_id');

			if(Leitura!=0 || blade({!! CTRL::desenvolvedor() ? 0 : 1 !!}))
			{
				$('#TelaNovoModelo').hide();
			}
			else
			{
				$('#TelaNovoModelo').show();
			}

			var novo_modelo=getVal('novo_modelo');
			if(novo_modelo=='1')
			{
				$('#TelaNomeDoModelo').show();
			}
			else
			{
				$('#TelaNomeDoModelo').hide();
			}

			for(n=0;n<nomes_dos_processos.length;n++)
			{//CADA PROCESSO
				nome_do_processo = nomes_dos_processos[n];
				for (i = 0; i < getVal(nome_do_processo, 0); i++)
				{
					if (getVal(nome_do_processo + '_tem_condicoes-' + i, 0) != 0)
					{
						$('#Tela' + nome_do_processo[0].toUpperCase() + nome_do_processo.slice(1) + 'Condicoes-' + i).show();
					}
					else
					{
						$('#Tela' + nome_do_processo[0].toUpperCase() + nome_do_processo.slice(1) + 'Condicoes-' + i).hide();
					}
				}
			}

		}

		function CarregarModeloDeProcesso()
		{
			var id='0' + $('select[name=modelo_de_processo_id]').val();
			if(!empty0(id))
			{
				$.ajax(
				{
					url :	'/edital/editar/reler',
					type: "post",
					data: {_token:$('#F [name=_token]').val(),'id':id},
					beforeSend:function()
					{
						if(Processando) return false;
						Processando=true;
						DesativarTela(_Id);
					},
					complete: function()
					{
						Processando=false;
						ReativarTela(_Id);
					},
					error: function(xhr)
					{
						if(xhr.status == 422)
						{
							Alertas = xhr.responseJSON;
							IniciarAlertas();
						}
						else
						{
							MostrarMensagem('Não foi possível concluir a operação. Verifique os dados ou tente mais tarde.','Erro');
						}
					},
					success:function(resposta)
					{
						for(var n=0;n<nomes_dos_processos.length;n++)
						{//CADA PROCESSO
							var nome_do_processo = nomes_dos_processos[n];
							$('#tela-' + nome_do_processo).html(resposta[nome_do_processo]);
							IniciarCampos('#tela-' + nome_do_processo);
							InputSelect('#tela-' + nome_do_processo);
							var processos = parseInt($('input[name=' + nome_do_processo + ']').val());
							for (var i = 0; i < processos; i++) MontarFormulario(nome_do_processo + '-' + i);
							MostrarDetalhe();
						}
					}
				});
			}
		}

		function SubmeteuComErro(xhr)
		{
			MostrarPasso('Todos');
			IniciarAlertas();
		}


		function AtualizouArquivo(Controle,Id,Nome,Tamanho,Tipo,Bytes)
		{
			MostrarDetalhe();
		}

		function ApagouArquivo(Controle)
		{
			MostrarDetalhe();
		}

		function AbrirAjuda()
		{
			ExecutarAjuda(parent.AjudaEditarEdital());
		}


		function IniciarMoverBlocos(grupo)
		{
			if(Leitura>1) return;

			$("#TelaFormularioDe" + grupo.charAt(0).toUpperCase() + grupo.substr(1) + " .formulario-blocos").sortable(
			{
				items: "fieldset",
				start: function( event, ui )
				{
					$(ui.item).addClass('movendo');
				},
				stop: function( event, ui )
				{
					$(ui.item).removeClass('movendo');
				},
				update: function( event, ui )
				{
					if (this !== ui.item.parent()[0]) return;
					var id=$(ui.item).attr('id').split('_');
					var grupo=id[0];
					var b_item=id[2];
					var b_base,bloco;
					id=$(ui.item).prev().attr('id');
					if(typeof id == 'undefined')
					{//ESTA NO TOPO DO GRUPO
						b_base=-1;
					}
					else
					{//NAO ESTA NO TOPO DO GRUPO
						id=id.split('_');
						b_base=id[2];
					}
					bloco=blocos[grupo][b_item];
					blocos[grupo].splice(b_item,1);
					if(b_item>b_base)
					{//CORRIGE A POSICAO
						b_base++;
					}
					blocos[grupo].splice(b_base,0,bloco);
					$('#formulario_de_' + grupo ).val(JSON.stringify(blocos[grupo]));
//					$("#TelaFormularioDe" + grupo.charAt(0).toUpperCase() + grupo.substr(1) + " .formulario-controles").sortable("destroy");
					MontarFormulario(grupo);
				}
			}).disableSelection().css('cursor','move');
		}

		function IniciarMoverControles(grupo)
		{
			if(Leitura>1) return;

			$("#TelaFormularioDe" + grupo.charAt(0).toUpperCase() + grupo.substr(1) + " .formulario-controles").sortable(
			{
				connectWith: ".formulario-controles",
				start: function( event, ui )
				{
					$(ui.item).addClass('movendo');
				},
				stop: function( event, ui )
				{
					$(ui.item).removeClass('movendo');
				},
				update: function( event, ui )
				{
					if (this !== ui.item.parent()[0]) return;
					var id=$(ui.item).attr('id').split('_');
					var grupo=id[0];
					var b_item=id[2];
					var c_item=id[3];
					var b_base,c_base,controle;
					id=$(ui.item).prev().attr('id');
					if(typeof id == 'undefined')
					{//ESTA NO TOPO DO BLOCO
						id=$(ui.item).closest('fieldset').attr('id');
						id=id.split('_');
						b_base=id[2];
						c_base=-1;
					}
					else
					{//NAO ESTA NO TOPO DO BLOCO
						id=id.split('_');
						b_base=id[2];
						c_base=id[3];
					}
					controle=blocos[grupo][b_item].controles[c_item];
					blocos[grupo][b_item].controles.splice(c_item,1);
					if((b_item==b_base && c_item>c_base) || b_item!=b_base)
					{//CORRIGE A POSICAO
						c_base++;
					}
					blocos[grupo][b_base].controles.splice(c_base,0,controle);
					$('#formulario_de_' + grupo ).val(JSON.stringify(blocos[grupo]));
//					$("#TelaFormularioDe" + grupo.charAt(0).toUpperCase() + grupo.substr(1) + " .formulario-controles").sortable("destroy");
					MontarFormulario(grupo);
				}
			}).disableSelection().css('cursor','move');
		}

		function BloqueioDoGrupo(grupo)
		{
			return (Leitura>2 || (Leitura>=1 && grupo=='projeto')) ? Leitura : 0;
		}

		function MontarFormulario(grupo)
		{
			var formulario=$('#formulario_de_' + grupo ).val();
			var tela="";
			var parcial="";
			var id,b,c,bloco,controle,controles,elemento,limites,minimo,maximo,incremento,tamanho,lista;
			var bloqueado=BloqueioDoGrupo(grupo);

			if(empty(formulario))
			{
				blocos[grupo]=[];
				formulario=JSON.stringify(blocos[grupo]);
				$('#formulario_de_' + grupo ).val(formulario);
			}

			blocos[grupo]=JSON.parse(formulario);
			for(b=0;b<blocos[grupo].length;b++)
			{//CADA BLOCO
				bloco=blocos[grupo][b];
				parcial="";
				for(c=0;c<bloco.controles.length;c++)
				{//CADA CONTROLE DO BLOCO
					controle=bloco.controles[c];
					id=grupo + '_ct_' + b + '_' + c;
					switch(parseInt(controle.tipo_de_controle_id))
					{
						case({{ App\TipoDeControle::FRASE }}+0):
							elemento=TextBox(id);
						break;
						case({{ App\TipoDeControle::TEXTO }}+0):
							elemento=TextArea(id,controle.tamanho);
						break;
						case({{ App\TipoDeControle::TEXTO_COM_FORMATACAO }}+0):
							elemento=TextEditor(id,controle.tamanho);
						break;
						case({{ App\TipoDeControle::SELECAO_UNICA }}+0):
							elemento=Radio(id,controle.colunas,controle.lista);
						break;
						case({{ App\TipoDeControle::SELECAO_MULTIPLA }}+0):
							elemento=Checkbox(id,controle.colunas,controle.lista);
						break;
						case({{ App\TipoDeControle::LISTA_DE_SELECAO }}+0):
							elemento=Select(id,controle.lista);
						break;
						case({{ App\TipoDeControle::ARQUIVO }}+0):
							elemento=Arquivo(id,controle.tamanho);
						break;
						case({{ App\TipoDeControle::CRONOGRAMA }}+0):
							elemento=Label('Atividade: *','','',TextBox(id + '_atividade')) + Label('Meses: *','','',Checkbox(id,0,controle.lista));
						break;
						case({{ App\TipoDeControle::CENTRO_CULTURAL }}+0):
							elemento=Label('Centro cultural: *','','',Select(id + '_centro','...'),12) + Label('Espaço: *','','',Select(id + '_espaco','...'),12);
						break;
						case({{ App\TipoDeControle::LOCAL_DE_REALIZACAO }}+0):
							elemento=Label('UF: *','','',Select(id + '_uf','...'),8) + Label('Município: *','','',Select(id + '_municipio','...'),8) + Label('Local: *','','',TextBox(id + '_local'),8);
						break;
						case({{ App\TipoDeControle::LISTA_DE_VALORES }}+0):
							elemento=Valores(id,controle.lista);
						break;
						case({{ App\TipoDeControle::LEI }}+0):
							elemento=Label('Lei: *','','',Select(id + '_lei','...'),12) + Label('Aprovado na lei? *','','',Radio(id + '_aprovado',0,"Sim\nNão"),6) + Label('Fundo de cultura? *','','',Radio(id + '_fundo',0,"Sim\nNão"),6);
							elemento+=Label('Valor do certificado: *','','',TextBox(id + '_certificado'),8) + Label('Valor já captado: *','','',TextBox(id + '_captado'),8) + Label('Data de validade do certificado: *','','',TextBox(id + '_data'),8);
							elemento+=Label('É possível prorrogar o período? *','','',Radio(id + '_prorrogacao',0,"Sim\nNão"),12) + Label('Data limite para prorrogação: *','','',TextBox(id + '_limite'),12);
						break;
						case({{ App\TipoDeControle::PATROCINADORES }}+0):
							elemento=Label('Nome da organização: *','','',TextBox(id + '_organizacao'),8) + Label('Lei: *','','',Select(id + '_lei','...'),10) + Label('Valor: *','','',TextBox(id + '_valor'),6);
						break;
						case({{ App\TipoDeControle::VALOR_DO_PROJETO }}+0):
							elemento=Label('Valor solicitado ao Oi Futuro: *','','',TextBox(id + '_solicitado'),12) + Label('Valor total: *','','',TextBox(id + '_total'),12);
						break;
						case({{ App\TipoDeControle::LISTA_DE_LINKS }}+0):
							elemento=Label('Link: ' + (!empty(controle.obrigatorio) ? '*' : ''),'Entre com o link completo, por exemplo, http://www.meusite.com.br/abc?123','',Link(id + '_link'),12) + Label('Descrição:','Utilize esse espaço para descrever ou informar usuário/senha de acesso se necessário para acessar o link.','',TextBox(id + '_descricao'),12);
						break;
						case({{ App\TipoDeControle::LISTA_DE_PONTUACAO }}+0):
							limites=controle.lista.split('|');
							minimo=toNumber(limites[0]);
							maximo=toNumber(limites[1]);
							incremento=toNumber(limites[2]);
							lista='';
							for(;minimo<maximo;minimo+=incremento) lista+=minimo.toLocaleString('pt-BR',{maximumFractionDigits: 2}) + "\n";
							lista+=maximo.toLocaleString('pt-BR',{maximumFractionDigits: 2});
							elemento=Select(id,lista,'width:auto;');
						break;
						case({{ App\TipoDeControle::SELECIONADO }}+0):
							elemento=Radio(id,controle.colunas,controle.lista);
						break;
						case({{ App\TipoDeControle::INDICADO }}+0):
							tamanho=controle.tamanho;
							lista='';
							for(minimo=0;minimo<tamanho;minimo++) lista+=minimo + "\n";
							lista+=tamanho;
							elemento=Select(id,lista,'width:auto;');
						break;
						case({{ App\TipoDeControle::DATA }}+0):
							elemento=TextBox(id,10);
						break;
						case({{ App\TipoDeControle::MOEDA }}+0):
							elemento=TextBox(id,16);
						break;
						case({{ App\TipoDeControle::NUMERO }}+0):
							elemento=TextBox(id,16);
						break;
						default:
							elemento='';
					}
					parcial += Edicao(id.replace('_ct_','_c_'),Label(controle.label+(!empty(controle.obrigatorio) ? ' *' : ''),controle.explicacao,controle.descricao,elemento),bloqueado);
				}
				tela += Bloco(grupo + '_b_' + b,bloco.label,bloco.descricao,parcial,bloqueado);
			}
			if(bloqueado==0)
			{
				tela += "<div class='grupo-btn-fora' style='clear:both;'>\n";
				tela += "<button type='button' class='btn btn-success g-btn' onclick='IncluirBloco(this)' title='inclui mais um'><i class='fa fa-plus'></i>&nbsp;Novo bloco</button>\n";
				tela += "</div>\n";
			}
//DESLIGA EDITOR PARA RELIGAR APÓS REESCREVER
			$("#TelaFormularioDe" + grupo.charAt(0).toUpperCase() + grupo.substr(1) + ' .formulario-blocos .cke').each(function() {$(this).ckeditor().editor.destroy();});
//REESCREVE A TELA
			$('#TelaFormularioDe' + grupo.charAt(0).toUpperCase() + grupo.substr(1) + ' .formulario-blocos').first().html(tela);
//LIGA EDITOR
			$('#TelaFormularioDe' + grupo.charAt(0).toUpperCase() + grupo.substr(1) + ' .formulario-blocos .cke').ckeditor({readOnly:true});
			IniciarMoverBlocos(grupo);
			IniciarMoverControles(grupo);
		}

		function Bloco(id,legenda,descricao,controle,bloqueado)
		{
			var tela="";

			tela += "<fieldset id='" + id + "' class='bl g-24-0' style='background:#ffffe0;'>\n";
			tela += "<legend>" + legenda + "</legend>\n";
			if(bloqueado<2)
			{
				tela += "<div class='grupo-btn-duplo' style='clear:both;'>\n";
				tela += "<button type='button' class='btn btn-normal btn1 g-btn' onclick='EditarBloco(this)' title='edita o nome deste bloco'><i class='fa fa-edit'></i></button>\n";
				tela += "<button type='button' class='btn btn-danger btn2 g-btn' " + (bloqueado ? "disabled='disabled'" : "") + " onclick='ExcluirBloco(this)' title='apaga este bloco e todos os controles'><i class='fa fa-minus'></i></button>\n";
				tela += "</div>\n";
			}
			if(!empty(descricao))
			{
				tela += "<div>" + descricao + "</div>\n";
			}
			tela += "<div class='formulario-controles'>\n";
			tela += controle;
			tela += "</div>\n";

			if(bloqueado==0)
			{
				tela += "<div class='grupo-btn-fora'>\n";
				tela += "<button type='button' class='btn btn-success g-btn' onclick='IncluirControle(this)' title='inclui mais um'><i class='fa fa-plus'></i>&nbsp;Novo controle</button>\n";
				tela += "</div>\n";
			}

			tela += "</fieldset>\n";

			return tela;
		}

		function Edicao(id,controle,bloqueado)
		{
			var tela="";

			if(bloqueado>1) return(controle);

			tela += "<div id='" + id + "' class='grupo-btn grupo-btn-duplo'>\n";
			tela += "<button type='button' class='btn btn-normal btn1 g-btn' onclick='EditarControle(this)' title='edita este item'><i class='fa fa-edit'></i></button>\n";
			tela += "<button type='button' class='btn btn-warning btn2 g-btn' " + (bloqueado ? "disabled='disabled'" : "") + " onclick='ExcluirControle(this)' title='apaga este item'><i class='fa fa-minus'></i></button>\n";
			tela += "<div class='group-x'>\n";
			tela += controle;
			tela += "</div>\n";
			tela += "</div>\n";
			return tela;
		}

		function Label(label,explicacao,descricao,controle,tamanho)
		{
			var tela="";

			if(typeof tamanho == 'undefined') tamanho=24;

			tela += "<div class='form-group g-l-x g-" + tamanho + "-2'>\n";
			if(!empty(label) || !empty(explicacao))
			{
				tela += "<label>" + label;
				if(explicacao) tela += "<span class='duvida'>?<span>" + explicacao + "</span></span>";
				tela += "</label>\n";
			}
			if(!empty(descricao))
			{
				tela += "<div class='explica'>" + descricao + "</div>\n";
			}
			tela += controle;
			tela += "</div>\n";
			return tela;
		}

		function TextBox(nome,tamanho)
		{
			var largura;

			if(typeof tamanho != 'undefined')
			{
				largura=" style='width:" + (tamanho*10) + "px;'";
				tamanho=" maxlength='" + tamanho + "'";
			}
			else
			{
				largura='';
				tamanho='';
			}
			return "<input name='" + nome + "' type='text' class='form-control'" + tamanho + largura + " />\n";
		}

		function TextArea(nome,tamanho)
		{
			@if(IN::Enabled())
			{
				return("<textarea name='" + nome + "' class='form-control' data-maxlength='" + tamanho + "' style='min-height:135px;max-height:415px;'></textarea>\n");
			}
			@else
			{
				return("<span class='form-control-scroll form-control-m'><textarea name='" + nome + "' style='display:none;visibility:hidden;'></textarea></span>");
			}
			@endif
		}

		function TextEditor(nome,tamanho)
		{
			@if(IN::Enabled())
			{
				return("<textarea name='" + nome + "' class='form-control cke' data-maxlength='" + tamanho + "' style='min-height:135px;max-height:415px;'></textarea>\n");
			}
			@else
			{
				return("<span class='form-control-scroll form-control-m'><textarea name='" + nome + "' style='display:none;visibility:hidden;'></textarea></span>");
			}
			@endif
		}

		function Radio(nome,colunas,lista)
		{
			var tela="";
			var maior=0;
			var i,item,valor,texto,partes;

			lista=lista.split("\n");
			tela+="<div class='form-control'>\n";
			if(colunas==0)
			{//SEM TABELA
				for(item in lista)
				{
					if(item.indexOf('~')) item=item.split('~')[0];
					maior=Math.max(maior,item.length);
				}
				maior*=9;
				for(i=0;i<lista.length;i++)
				{//CADA ITEM
					if(lista[i].indexOf('~'))
					{
						partes=lista[i].split('~');
						texto=partes[0];
						valor=partes[1];
					}
					else
					{
						texto=lista[i];
						valor=lista[i];
					}
					tela+="<label class='radio-inline'><input type='radio' name='" + nome + "' id='" + nome + "_" + i + "' value='" + valor + "' /><span style='min-width:" + maior + "px;'>" + texto + "</span></label>";
				}
			}
			else
			{//COM TABELA
				tela+="<table class='form-control-0'>\n";
				for (i = 0; i < lista.length; i++)
				{//CADA ITEM
					if (i % colunas == 0) tela += "<tr>";
					if(lista[i].indexOf('~'))
					{
						partes=lista[i].split('~');
						texto=partes[0];
						valor=partes[1];
					}
					else
					{
						texto=lista[i];
						valor=lista[i];
					}
					tela += "<td class='form-control-1'><input type='radio' name='" + nome + "' id='" + nome + "_" + i + "' value='" + valor + "' /></td>";
					tela += "<td class='form-control-2'><span>" + texto + "</span></td>";
					if (((i + 1) % colunas) == 0) tela += "</tr>\n";
				}
				if (i % colunas != 0)
				{//TEM QUE COMPLETAR COLUNAS PARA FINALIZAR TABELA
					for (; (i % colunas) != 0; i++)	tela += "<td></td><td></td>";
					tela += "</tr>\n";
				}
				tela += "</table>\n";
			}
			tela+="</div>\n";
			return tela;
		}

		function Checkbox(nome,colunas,lista)
		{
			var tela="";
			var maior=0;
			var i,item,valor,texto,partes;

			lista=lista.split("\n");
			tela+="<div class='form-control'>\n";
			if(colunas==0)
			{//SEM TABELA
				for(item in lista)
				{
					if(item.indexOf('~')) item=item.split('~')[0];
					maior=Math.max(maior,item.length);
				}
				maior*=9;
				for(i=0;i<lista.length;i++)
				{//CADA ITEM
					if(lista[i].indexOf('~'))
					{
						partes=lista[i].split('~');
						texto=partes[0];
						valor=partes[1];
					}
					else
					{
						texto=lista[i];
						valor=lista[i];
					}
					tela+="<label class='checkbox-inline'><input type='checkbox' name='" + nome + "' id='" + nome + "_" + i + "' value='" + valor + "' /><span style='min-width:" + maior + "px;'>" + texto + "</span></label>";
				}
			}
			else
			{//COM TABELA
				tela+="<table class='form-control-0'>\n";
				for (i = 0; i < lista.length; i++)
				{//CADA ITEM
					if(lista[i].indexOf('~'))
					{
						partes=lista[i].split('~');
						texto=partes[0];
						valor=partes[1];
					}
					else
					{
						texto=lista[i];
						valor=lista[i];
					}
					if (i % colunas == 0) tela += "<tr>";
					tela += "<td class='form-control-1'><input type='checkbox' name='" + nome + "' id='" + nome + "_" + i + "' value='" + valor + "' /></td>";
					tela += "<td class='form-control-2'><span>" + texto + "</span></td>";
					if (((i + 1) % colunas) == 0) tela += "</tr>\n";
				}
				if (i % colunas != 0)
				{//TEM QUE COMPLETAR COLUNAS PARA FINALIZAR TABELA
					for (; (i % colunas) != 0; i++)	tela += "<td></td><td></td>";
					tela += "</tr>\n";
				}
				tela += "</table>\n";
			}
			tela+="</div>\n";
			return tela;
		}

		function Select(nome,lista,estilo)
		{
			var tela="";
			var i,valor,texto,partes;

			lista=lista.split("\n");
			tela+="<select name='" + nome + "' class='form-control' " + (!empty(estilo) ? "style='" + estilo + "'" : "") + ">\n";
			tela+="<option value=''></option>\n";
			for(i=0;i<lista.length;i++)
			{//CADA ITEM
				if(lista[i].indexOf('~'))
				{
					partes=lista[i].split('~');
					texto=partes[0];
					valor=partes[1];
				}
				else
				{
					texto=lista[i];
					valor=lista[i];
				}
				tela+="<option value='" + valor + "'>" + texto + "</option>\n";
			}
			tela+="</select>\n";
			return tela;
		}

		function Valores(nome,lista)
		{
			var tela="";
			var i;

			tela+="<table class='valores'>\n";
			tela+="<thead><tr><th></th><th></th></tr></thead>\n";
			tela+="<tbody>\n";
			lista=lista.split("\n");
			for(i=0;i<lista.length;i++)
			{//CADA ITEM
				tela+="<tr><td><span>" + lista[i] + "</span></td><td>" + TextBox(nome + '_' + i) + "</td></tr>\n";
			}
			tela+="<tr class='valores-total'><td><span>Total</span></td><td>" + TextBox(nome + '_' + i) + "</td></tr>\n";
			tela+="</tbody>\n";
			tela+="</table>\n";
			return tela;
		}

		function Arquivo(nome,tamanho)
		{
			var tela="";
			tela+="<div class='input-group'>\n";
			tela+="<input name='" + nome + "' type='text' class='form-control form-control-r' readonly='readonly' />\n";
			tela+="<span class='input-group-btn'>\n";
			tela+="<span id='" + nome + "_bytes' class='form-control input-group-addon tamanho'>&nbsp;</span>\n";
			tela+="<span class='btn btn-outline btn-danger' style='margin-left:5px;'>Anexar</span>\n";
			tela+="<button class='btn btn-outline btn-normal' type='button' style='margin-left:5px;'>Apagar</button>\n";
			tela+="<button class='btn btn-outline btn-primary' type='button' style='margin-left:5px;'>Ver</button>\n";
			tela+="</span>\n";
			tela+="</div>\n";
			return tela;
		}

		function Link(nome)
		{
			var tela="";
			tela+="<div class='input-group'>\n";
			tela+="<input name='" + nome + "' type='text' class='form-control' />\n";
			tela+="<span class='input-group-btn'>\n";
			tela+="<button class='btn btn-outline btn-primary' type='button' style='margin-left:5px;'>Ver</button>\n";
			tela+="</span>\n";
			tela+="</div>\n";
			return tela;
		}

		function IncluirBloco(Objeto)
		{
			var id=$(Objeto).closest('.formulario').attr('id');
			var grupo=id.substr(id.indexOf('De')+2).toLowerCase();
			var b=blocos[grupo].length;
			AbrirLightCache2('#Editor');
			Frame.CarregarBloco(grupo,b,'');
		}

		function EditarBloco(Objeto)
		{
			var id=$(Objeto).parent().parent().attr('id').split('_');
			var grupo=id[0];
			var b=id[2];
			AbrirLightCache2('#Editor');
			Frame.CarregarBloco(grupo,b,blocos[grupo][b].label,blocos[grupo][b].descricao);
		}

		function ExcluirBloco(Objeto)
		{
			var id=$(Objeto).parent().parent().attr('id').split('_');
			var grupo=id[0];
			var b=id[2];
			MostrarConfirmacao('Ao apagar o bloco todos os controles dentro dele também serão apagados. Você tem certeza que deseja excluir esse bloco?','Confirme',function()
			{
				blocos[grupo].splice(b,1);
				$('#formulario_de_' + grupo ).val(JSON.stringify(blocos[grupo]));
				MontarFormulario(grupo);
			});
		}

		function IncluirControle(Objeto)
		{
			var id=$(Objeto).closest('fieldset').attr('id').split('_');
			var grupo=id[0];
			var b=id[2];
			var c=blocos[grupo][b].controles.length;
			AbrirLightCache2('#Editor');
			Frame.CarregarControle(grupo,b,c,{tipo_de_controle_id:0,label:'',explicacao:''});
		}

		function EditarControle(Objeto)
		{
			var id=$(Objeto).parent().attr('id').split('_');
			var grupo=id[0];
			var b=id[2];
			var c=id[3];
			AbrirLightCache2('#Editor');
			Frame.CarregarControle(grupo,b,c,blocos[grupo][b].controles[c]);
		}

		function ExcluirControle(Objeto)
		{
			var id=$(Objeto).parent().attr('id').split('_');
			var grupo=id[0];
			var b=id[2];
			var c=id[3];
			blocos[grupo][b].controles.splice(c,1);
			$('#formulario_de_' + grupo ).val(JSON.stringify(blocos[grupo]));
			MontarFormulario(grupo);
		}

		function AtualizarControle(grupo,b,c,controle)
		{
			blocos[grupo][b].controles[c]=controle;
			$('#formulario_de_' + grupo ).val(JSON.stringify(blocos[grupo]));
			MontarFormulario(grupo);
		}

		function AtualizarBloco(grupo,b,label,descricao)
		{
			if(typeof blocos[grupo][b] == 'undefined') blocos[grupo][b]={controles:[]};
			blocos[grupo][b].label=label;
			blocos[grupo][b].descricao=descricao;
			$('#formulario_de_' + grupo ).val(JSON.stringify(blocos[grupo]));
			MontarFormulario(grupo);
		}

		function MaisProcesso(objeto)
		{
			var processo=$(objeto).closest('.processo').attr('id').split('-')[1];
			var formulario="#TelaFormularioDe" + processo.charAt(0).toUpperCase() + processo.substr(1);
			var tamanho=$('#tela-' + processo + ' > .grupo-btn').length;
			$(formulario + ' .chosen-select').chosen('destroy');
			$(formulario + ' .i_editor').each(function() {$(this).ckeditor().editor.destroy();});
			var id=GerarIdDoProcesso(processo);
			Mais(objeto);
			setVal(processo + '_id-' + tamanho,id);
			InputSelect(formulario);
			InputEditor(formulario + ' .i_editor');
			MontarFormulario(processo + '-' + tamanho);
			MostrarDetalhe();
		}

		function MenosProcesso(objeto)
		{
			var processo=$(objeto).closest('.processo').attr('id').split('-')[1];
			var formulario="#TelaFormularioDe" + processo.charAt(0).toUpperCase() + processo.substr(1);
			var tamanho=$('#tela-' + processo + ' > .grupo-btn').length;
			var indice=$(objeto).parent().data('indice');
			$(formulario + ' .chosen-select').chosen('destroy');
			$(formulario + ' .i_editor').each(function() {$(this).ckeditor().editor.destroy();});
			Menos(objeto);
			InputSelect(formulario);
			InputEditor(formulario + ' .i_editor');
			for(var i=indice;i<tamanho;i++) MontarFormulario(processo + '-' + i);
			MostrarDetalhe();
		}

		function GerarIdDoProcesso(nome)
		{
			var ids=[];
			var i=0;
			var id;
			var deslocamento=0;
			$('input[name^=' + nome + '_id-').each(function()
			{
				ids[i++]=parseInt($(this).val());
			});
			ids.sort(function(a, b){return a-b});
			for(i=0;i<ids.length;i++)
			{
				id=1000 * (i + 1);
				if(id != ids[i]) return id;
			}
			return 1000 * (i + 1);
		}

		function AbrirImportacao()
		{
			AbrirLightBox2('/importacao/edital');
		}

		function ImportarEdital(id)
		{
			var i,tam;
			var dados={_token:$('#F [name=_token]').val(),'id':id};
			ExecutarAjax('/importacao/importar-edital',dados,function(resposta)
			{
				if(!empty(resposta.edital))
				{
					var edital=resposta.edital;
					setVal('referencia_id',edital.id);
					setVal('nome',edital.nome);
					setVal('data_de_inicio',edital.data_de_inicio);
					setVal('data_de_termino',edital.data_de_termino);
					setVal('programa_id',edital.programa_id);
					setVal('amplitude_id',edital.amplitude_id);
					$('input[name="uf_ids[]"]').prop('checked', false);
					if(edital.amplitude_id==blade({{App\Amplitude::NATIONAL}})) $('input[name="uf_ids[]"][value=' + edital.uf_ids.replace(new RegExp(',', 'g'),'],input[name="uf_ids[]"][value=') + ']').prop('checked',true);
					$('input[name="centro_cultural_uf_ids[]"]').prop('checked', false);
					if(edital.amplitude_id==blade({{App\Amplitude::CENTRO_CULTURAL}})) $('input[name="centro_cultural_uf_ids[]"][value=' + edital.uf_ids.replace(new RegExp(',', 'g'),'],input[name="centro_cultural_uf_ids[]"][value=') + ']').prop('checked',true);
					tam=$('#TelaAreaDeAtuacao .grupo-btn').length;
					for(i=1;i<tam;i++) Menos($('#TelaAreaDeAtuacao>.grupo-btn button').last());
					var area_de_atuacao_nomes=edital.area_de_atuacao_nomes.split(',');
					for(i=0;i<area_de_atuacao_nomes.length;i++)
					{
						setVal('area_de_atuacao_nome_' + i,area_de_atuacao_nomes[i]);
						if(i!=area_de_atuacao_nomes.length-1) Mais($('#TelaAreaDeAtuacao .grupo-btn-fora button').first());
					}
					$('#TelaFormularioDeProjeto .formulario-blocos').html('');
					setVal('formulario_de_projeto',resposta.formulario);
					MontarFormulario('projeto');
				}
				MostrarDetalhe();
			});
		}

		//]]>
	</script>
@endsection
@section('conteudo')
	<!-- {!! $extra->flag ?? '' !!} -->
	{!! IN::Hidden('a',$_acao) !!}
	{!! IN::Hidden('original_id',$original_id ?? '') !!}
	{!! IN::Hidden('referencia_id',$referencia_id ?? '') !!}
	<div id="Resultado" class="campos com-lateral">
		@if($extra->duplicarBotoes())
			<div id="MaisBotoes"></div>
		@endif
		<div id="Lateral" class="lateral">
			<div class="titulo">Passo a passo
				<div id="TelaSequenciaBotoes" class="botoes">
					<button type="button" class="btn btn-normal btn-icone" onclick="MostrarPasso(-1)" title="anterior"><i class="fa fa-chevron-left"></i> </button>
					<button type="button" class="btn btn-normal btn-icone" onclick="MostrarPasso(+1)" title="próxima"><i class="fa fa-chevron-right"></i></button>
				</div>
			</div>
			<div class="sequencia">
				<div class="etapas">
					<div id="AbaConfiguracao" class="valida"><span>1</span><a href="javascript:" onclick="MostrarPasso(this)">Configuração</a></div>
					<span><i class="fas fa-ellipsis-v"></i></span>
					<div id="AbaFormularioDeProjeto" class="valida"><span>2</span><a href="javascript:" onclick="MostrarPasso(this)">Projeto</a></div>
					<span><i class="fas fa-ellipsis-v"></i></span>
					<div id="AbaFormularioDeDocumentacao" class="valida"><span>3</span><a href="javascript:" onclick="MostrarPasso(this)">Documentação</a></div>
					<span><i class="fas fa-ellipsis-v"></i></span>
					<div id="AbaFormularioDeContratacao" class="valida"><span>4</span><a href="javascript:" onclick="MostrarPasso(this)">Contratação</a></div>
					<span><i class="fas fa-ellipsis-v"></i></span>
					<div id="AbaFormularioDeExecucao" class="valida"><span>5</span><a href="javascript:" onclick="MostrarPasso(this)">Execução</a></div>
					<span><i class="fas fa-ellipsis-v"></i></span>
					<div id="AbaFormularioDePrestacaoDeContas" class="valida"><span>6</span><a href="javascript:" onclick="MostrarPasso(this)">Prestação de contas</a></div>
					<span><i class="fas fa-ellipsis-v"></i></span>
					<div id="AbaMaterialDeComunicacao" class="valida"><span>7</span><a href="javascript:" onclick="MostrarPasso(this)">Material de comunicação</a></div>
					<span><i class="fas fa-ellipsis-v"></i></span>
					<div id="AbaTodos"><span><i class="fa fa-check"></i></span><a href="javascript:" onclick="MostrarPasso(this)">Todos os passos</a></div>
				</div>
			</div>
		</div>
		<div id="TelaConfiguracao" class="passo">
			<fieldset class="bl g-24-0 gm-24-0">
				<legend>Configuração</legend>
				<div class="group-x">
					<div id="TelaNome" class="form-group g-l-x g-16-2 gm-14-2 gc-24-2">
						<label>Nome interno: *</label>
						{!! IN::Text('nome',$nome ?? '',50) !!}
					</div>
					<div id="TelaPeriodo" class="form-group g-l-x">
						<label>Período: *</label>
						<span class="data-hora">{!! IN::Text('data_de_inicio',OUT::DataHorario($data_de_inicio ?? ''),['Tamanho' => 16,'Complemento' => 'style="margin-right:10px;"','Classe' => 'i_datahora']) !!}</span>
						<span class="data-hora"><span>a</span>{!! IN::Text('data_de_termino',OUT::DataHorario($data_de_termino ?? ''),['Tamanho' => 16,'Classe' => 'i_datahora','Nivel' => 1]) !!}</span>
					</div>
					<div id="TelaPrograma" class="form-group g-l-x gc-24-2">
						<label>Programa: *</label>
						{!! IN::Select('programa_id',$programa_id ?? '',$programaLista,['Nulo' => '']); !!}
					</div>
					<div id="TelaAmplitude" class="form-group g-l-x gc-24-2">
						<label>Amplitude:</label>
						{!! IN::Radio('amplitude_id',$amplitude_id ?? '',$amplitudeLista,'onclick="MostrarDetalhe()"'); !!}
					</div>
					<div id="TelaEstados{{App\Amplitude::NATIONAL}}" class="form-group" style="display:none;">
						<label>Estados:</label>
						{!! IN::Check('uf_ids[]',$uf_ids ?? '',$ufLista,['Caractere' => 9,'Classe' => 'table100']); !!}
					</div>
					<div id="TelaEstados{{App\Amplitude::CENTRO_CULTURAL}}" class="form-group g-l">
						<label>Estados:</label>
						{!! IN::Check('centro_cultural_uf_ids[]',$centro_cultural_uf_ids ?? '',$centroCulturalUfLista,['Caractere' => 9,'Classe' => 'table100']); !!}
					</div>
					<div class="limpar"></div>
					<div id="TelaModeloDeProcesso" class="form-group g-l-x g-12-2 gp-24-2">
						<label>Modelo de processo: *</label>
						{!! IN::Select('modelo_de_processo_id',$modelo_de_processo_id ?? 10,$modeloDeProcessoLista,['Nivel' => 2,'Nulo' => 'Sem modelo','Ativo' => 'onchange="CarregarModeloDeProcesso();"']); !!}
					</div>
					<div id="TelaNovoModelo" class="form-group g-l-x g-12-2 gp-24-2">
						<label>Deseja salvar as configurações atuais como um novo modelo? *</label>
						{!! IN::Radio('novo_modelo',0,[[1,'Sim'],[0,'Não']],['Nivel' => 2,'Ativo' => 'onclick="MostrarDetalhe();"']); !!}
					</div>
					<div id="TelaNomeDoModelo" class="form-group g-l-x g-12-2 gp-24-2">
						<label>Nome do novo modelo: *</label>
						{!! IN::Text('nome_do_modelo','',30,['Nivel' => 2]); !!}
					</div>
				</div>
			</fieldset>
			<fieldset id="TelaAreaDeAtuacao" class="bl g-24-0">
				<legend id="TelaTituloAreaDeAtuacao">Área de Atuação</legend>
				<div class="mais-ou-menos">
					{!! IN::Hidden('areas_de_atuacao',count($area_de_atuacao) ?? 1); !!}
					@for($i=0;$i==0 || $i<count($area_de_atuacao);$i++)
						<div class="grupo-btn{{(IN::Forma()!='' ? ' grupo-btn-inativo' : '') }}">
							<button type="button" class="btn btn-warning g-btn" onclick="Menos(this)" title="remove este"><i class="fa fa-minus"></i></button>
							<div class="group-x">
								<div class="form-group g-l-x g-24-2">
									<label>Nome:</label>
									{!! IN::Text('area_de_atuacao_nome_' . $i,$area_de_atuacao[$i]->nome ?? '',190,['Ativo' => 'onchange="MostrarDetalhe();"']); !!}
								</div>
							</div>
						</div>
					@endfor
					<div class="grupo-btn-fora{{(IN::Forma()!='' ? ' grupo-btn-inativo' : '') }}">
						<button type="button" class="btn btn-success g-btn" onclick="Mais(this)" title="inclui mais um"><i class="fa fa-plus"></i></button>
					</div>
				</div>
			</fieldset>
		</div>

		<div id="TelaFormularioDeProjeto" class="passo formulario">
			{!! IN::Hidden('formulario_de_projeto',$formulario_de_projeto ?? ''); !!}
			<fieldset class="bl g-24-0">
				<legend id="TelaTituloFormularioDeProjeto">Formulário do Projeto</legend>
				@if(IN::Forma()=='')
				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 "+" no fim do último bloco.<br />
				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 />
				O primeiro bloco é fixo e será apresentado sempre.<br />
				@else
				@if(IN::Forma(1)=='')
				Você poderá editar parcialmente os controles modificando descrições, limites e obrigatoriedade de preenchimento.<br />
				@else
				Abaixo você tem uma visão aproximada do formulário de inscrição criado.<br />
				@endif
				@endif
				<br />
			</fieldset>

			<fieldset id="TelaFormularioDeProjetoFixo" class="bl g-24-0" style="background:#ffffe0;">
				<legend>Bloco fixo</legend>
				O sistema já solicitará no formulário os dados básicos tais como: dados do proponente (tipo, nome, endereço, e-mail, telefone) e dados do projeto (inscrição, nome, área de atuação).<br />
				Acrescente campos extra se necessário.<br />
				<br />
			</fieldset>
			<div class="formulario-blocos" style="clear:both;"></div>
		</div>

		<div id="TelaFormularioDeDocumentacao" class="passo">
			<div id="tela-documentacao" class="processo">
@include('/edital/documentacao',compact('documentacao'))
			</div>
		</div>

		<div id="TelaFormularioDeContratacao" class="passo">
			<fieldset class="bl g-x g-24-0">
				<legend>Contratação</legend>
				<div id="TelaTituloFormularioDeContratacao" 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>
			</fieldset>
			<div id="tela-contratacao" class="processo">
@include('/edital/contratacao',compact('contratacao'))
			</div>
		</div>

		<div id="TelaFormularioDeExecucao" class="passo">
			<div id="tela-execucao" class="processo">
@include('/edital/execucao',compact('execucao'))
			</div>
		</div>

		<div id="TelaFormularioDePrestacaoDeContas" class="passo">
			<div id="tela-prestacao" class="processo">
@include('/edital/prestacao-de-contas',compact('prestacao_de_contas'))
			</div>
		</div>

		<div id="TelaMaterialDeComunicacao" class="passo">
			<fieldset class="bl g-24-0">
				<legend id="TelaTituloComunicacao">Material de Comunicação</legend>
				<div class="group-x">
					<div class="explica">Entre com um texto opcional de orientações e anexe um ou mais arquivos se necessário.</div>
					<div id="TelaComunicacaoTexto" class="form-group g-l-x g-24-2">
						<label>Texto:</label>
						{!! IN::TextArea('comunicacao_texto',$comunicacao_texto ?? '',5000,['Nivel' => 1,'Classe' => 'i_editor']) !!}
					</div>
				</div>
				<div class="mais-ou-menos">
					{!! IN::Hidden('comunicacao',count($comunicacao) ?? 1); !!}
					@for($i=0;$i==0 || $i<count($comunicacao);$i++)
					<div class="grupo-btn{{(IN::Forma()!='' ? ' grupo-btn-inativo' : '') }}">
						<button type="button" class="btn btn-warning g-btn" onclick="Menos(this)" title="remove este"><i class="fa fa-minus"></i></button>
						<div class="group-x">
							<div id="TelaComunicacaoDescricao-{{ ($i+1) }}" class="form-group g-l-x g-12-2 gc-24-2">
								<label>Descrição <span class="mais-ou-menos-contador">{{ ($i+1) }}</span>:</label>
								{!! IN::Text('comunicacao_descricao_' . $i,$comunicacao[$i]->descricao ?? '',190); !!}
							</div>

							<div id="TelaComunicacaoArquivo-{{ ($i+1) }}" class="form-group g-l-x g-12-2 gc-24-2">
								<label>Download <span class="mais-ou-menos-contador">{{ ($i+1) }}</span>:</label>
								<div class="input-group">
									{!! IN::Hidden('comunicacao_arquivo_' . $i . '_id',$comunicacao[$i]->arquivo->id ?? 0) !!}
									{!! IN::Text('comunicacao_arquivo_' . $i . '_nome',$comunicacao[$i]->arquivo->nome ?? '',['Leitura' => 'Sim','Ativo' => IN::Enabled('style="background-color:#ffffff;"')]) !!}
									<span class="input-group-btn">
										<span id="comunicacao_arquivo_{{ $i }}_bytes" class="form-control input-group-addon tamanho input">{!! (empty($comunicacao[$i]->arquivo->tamanho) ? '&nbsp;' : OUT::Bytes($comunicacao[$i]->arquivo->tamanho)) !!}</span>
										@if(IN::Forma(1)=='')
											<span id="TelaComunicacaoEnviarArquivo_{{$i}}" class="btn btn-outline btn-danger" style="margin-left:5px;"><iframe src="/enviar-arquivo/comunicacao_arquivo_{{$i}}" name="file" id="file" frameborder="0" scrolling="no" class="file mais-ou-menos-id"></iframe>Anexar</span>
											<button id="TelaComunicacaoApagarArquivo_{{$i}}" class="btn btn-outline btn-normal" type="button" style="margin-left:5px;" onclick="ApagarArquivo('comunicacao_arquivo_' + $(this).attr('id').split('_')[1]);">Apagar</button>
										@endif
										<button id="TelaComunicacaoVerArquivo_{{$i}}" class="btn btn-outline btn-primary" type="button" style="margin-left:5px;" onclick="VerArquivo('comunicacao_arquivo_' + $(this).attr('id').split('_')[1]);">Ver</button>
									</span>
									<progress id="comunicacao_arquivo_{{$i}}_progresso" max="100" value="0" style="display:none;"></progress>
								</div>
							</div>
						</div>
					</div>
					@endfor
					<div class="grupo-btn-fora{{(IN::Forma()!='' ? ' grupo-btn-inativo' : '') }}">
						<button id="TelaComunicacaoMais" type="button" class="btn btn-success g-btn" onclick="Mais(this)" title="inclui mais um"><i class="fa fa-plus"></i></button>
					</div>
				</div>
			</fieldset>
		</div>

		<div id="Botoes" class="botoes">
			{!! IN::Enabled($extra->botao('Salvar'),'','2') !!}
			@if(empty($idOriginal) && CTRL::podeEspecial($extra->privilegio))
			<button id="TelaBotaoImportar" type="button" class="btn btn-danger" onclick="AbrirImportacao();" title="seleciona o edital do sistema SUE para importação"><i class="fas fa-file-import"></i>Importar</button>
			@endif
			{!! $extra->botao('Ajuda') !!}
			{!! $extra->botao('Fechar') !!}
		</div>
	</div>
	<iframe id="Editor" src='/edital/configurar/{{$idOriginal}}' frameborder='0' scrolling='0' allowfullscreen class='pop lightpop light-frame' style="display:none;"></iframe>
@endsection