{% load i18n %}
{% load compilacao_filters %}

{% for dpt in object_list %}
	{% if dpt.nivel == view.flag_nivel_old %}
			</div>
	{% elif dpt.nivel < view.flag_nivel_old %}
			{% close_div view.flag_nivel_old dpt.nivel 0 %}
	{% endif%}

	{% if forloop.first and view|isinst:'DispositivoEditView' %}
	{% else %}
		<div class="dpt" id="dpt{{dpt.pk}}" pk="{{dpt.pk}}">
	{% endif%}


	{% if view|render_actions_head:dpt %}
	<div class="csform">
		<form method="post" action="" action_ajax="{{dpt.pk}}/refresh">
	    	<ul class="btns-action actions_top">
		    	{% if not dpt.tipo_dispositivo.dispositivo_de_articulacao %}
		        	<li class="edt-textarea"><a class="btn-top btn-action" pk="{{dpt.pk}}" action="refresh:textarea" title="{% trans 'Edição simples apenas do texto'%}">E</a></li>
		        	<li class="edt-tinymce"><a class="btn-top btn-action" pk="{{dpt.pk}}" action="refresh:tinymce" title="{% trans 'Editar o texto com TinyMCE'%}">E+</a></li>
		        {%endif%}
	        	<li class="edt-detail"><a class="btn-top btn-action" pk="{{dpt.pk}}" action="refresh:detail" title="{% trans 'TODO: Edição detalhada'%}">E*</a></li>
	        	<li class="edt-construct"><a class="btn-top btn-action" pk="{{dpt.pk}}" action="refresh:construct" title="{% trans 'Construçao da estrutura do Texto Articulado'%}">C</a></li>
			</ul>
			<ul class="btns-action actions_right">
				<li><a class="btn-right btn-action" pk="{{dpt.pk}}" action="refresh" title="{% trans 'TODO: Reduzir nível do Dispositivo'%}">&#10092;</a></li>
				<li><a class="btn-right btn-action" pk="{{dpt.pk}}" action="refresh" title="{% trans 'TODO: Aumentar nível do Dispositivo'%}">&#10093;</a></li>
				<li><a class="btn-right btn-action" pk="{{dpt.pk}}" action="refresh" title="{% trans 'TODO: Subir uma posição'%}">&#8593;</a></li>
				<li><a class="btn-right btn-action" pk="{{dpt.pk}}" action="refresh" title="{% trans 'TODO: Descer uma posição'%}">&#8595;</a></li>
				<li><a class="btn-right btn-action" pk="{{dpt.pk}}" action="refresh" title="{% trans 'TODO: Subir uma posição com todos os subniveis'%}">&#8648;</a></li>
				<li><a class="btn-right btn-action" pk="{{dpt.pk}}" action="refresh" title="{% trans 'TODO: Descer uma posição com todos os subniveis'%}">&#8650;</a></li>
			</ul>

	        <ul class="btns-action actions_left">
	        	<li><a class="btn-left btn-action" pk="{{dpt.pk}}"  title="TODO: Vides...">Vd</a></li>
	        </ul>
			<ul class="btns-action actions_bottom">
				{% for perfil in perfil_estrutural_list%}
					<li class="{%if request.session.perfil_estrutural == perfil.pk%}selected{%endif%}"><a class="btn-bottom btn-action" pk="{{dpt.pk}}" perfil_pk="{{perfil.pk}}" action="refresh:perfil" title="{{perfil.nome}}">{{perfil.sigla}}</a></li>
				{% endfor %}
	        </ul>

			<ul class="actions_inserts {% if not dpt.tipo_dispositivo.dispositivo_de_articulacao %}menu_flutuante{%endif%}">
				{% if dpt.dispositivo_subsequente == None %}
					{% for inserts in view|select_provaveis_inserts:request %}
						<li class="{{inserts|lookup:'action'}}"><a class="btn-inserts" action="" pk="{{dpt.pk}}">{{inserts|lookup:'icone'|safe}}<span>{{inserts|lookup:'tipo_insert'}}</span></a>
							<ul id="afe{{dpt.id}}" >
								{% for item in inserts|lookup:'itens' %}
									<li><a class="btn-inserts btn-action" action="{{inserts|lookup:'action'}}" pk="{{item|lookup:'dispositivo_base'}}" variacao="{{item|lookup:'variacao'}}" tipo_pk="{{item|lookup:'tipo_pk'}}">{{item|lookup:'provavel'}}</a></li>
								{% endfor %}
							</ul>
						</li>
					{% endfor %}
	        	{%endif%}


				{% if not dpt|is_relative_auto_insert:request %}
					<li class="menu_excluir"><a {% if not dpt.dispositivos_filhos_set.exists %}class="btn-excluir btn-action" action="delete_item_dispositivo" pk={{dpt.pk}}{%else%}class="btn-excluir"{%endif%}>&nbsp;<span>Excluir</span></a>
						{% if dpt.dispositivos_filhos_set.exists %}
							<ul>
								<li><a href="#" class="btn-excluir btn-action" action="delete_item_dispositivo_todo" pk={{dpt.pk}}>TODO: Excluir apenas este dispositivo</a></li>
								<li><a href="#" class="btn-excluir btn-action" action="delete_bloco_dispositivo" pk={{dpt.pk}}>Excluir toda a estrutura deste dispositivo</a></li>
							</ul>
						{% endif %}
					</li>
				{% endif %}

	            <li><a onclick="onSubmitEditForm()" class="btn-salvar">&nbsp<span>Salvar</span></a></li>
	        </ul>

			<div class="fields">
                {% csrf_token %}


				{% if not dpt.tipo_dispositivo.dispositivo_de_articulacao %}
					<textarea id="editdi_texto" placeholder="{% trans "Insirir o texto do dispositivo aqui... Use, nos menus das bordas de edição, 'E+' ou 'E*' para outras opções de editores."%}" name="texto" rows="7">{{ dpt.texto|safe }}</textarea>
	        	{%endif%}

	    	</div>

	        <ul class="label_status" >
		        <li>Ordem: {{dpt.ordem}}, Nivel: {{dpt.nivel}}, Número: {{dpt.get_numero_completo}}</li>
			        <li><a>.</a></li>
	        </ul>

            <ul class="btns-action actions_parents">
			    <div>Em Edição:</div>
				{%for parent in dpt.get_parents_asc %}
					<li><a action="refresh" pk="{{parent.pk}}" ordem="{{parent.ordem}}" name="{{parent.pk}}" title="{{parent.texto|short_string:50}}" class="btn-parents btn-action">{{parent|nomenclatura}}</a></li>
				{%endfor %}
				<li class="selected"><a action="refresh" pk="{{dpt.pk}}" ordem="{{dpt.ordem}}" name="{{dpt.pk}}" title="{{dpt.texto|short_string:50}}" class="btn-parents btn-action">{{dpt|nomenclatura}}</a></li>
		    </ul>
        </form>
    </div>
	{% endif%}

    {% if view.pk_view == 0 and view.pk_edit == 0 or view.pk_edit != view.pk_view %}

		{% if not dpt.rotulo and not dpt.texto %}
			<div class="btns-action actions_left">
	            <a class="btn-edit" pk="{{dpt.pk}}"  title="Edição do dispositivo: {{ dpt.tipo_dispositivo.nome }} {{ dpt.rotulo }}">E</a>
	        </div>
		{% endif %}
		<div class="bloco {% dispositivo_desativado dpt view.inicio_vigencia view.fim_vigencia %} {{ dpt.tipo_dispositivo.class_css }}">
			{% spaceless %}
				<div class="de" id="id{{dpt.id}}" pk="{{dpt.pk}}" ordem="{{dpt.ordem}}" name="{{dpt.pk}}" title="{{dpt.pk}}">{{ dpt.tipo_dispositivo.rotulo_prefixo_html|safe }}{{ dpt.rotulo }}{{ dpt.tipo_dispositivo.rotulo_sufixo_html|safe }}{{ dpt.tipo_dispositivo.texto_prefixo_html|safe }}{% if dpt.texto == '' and not dpt.tipo_dispositivo.dispositivo_de_articulacao %}<span class="semtexto">({{dpt.tipo_dispositivo}} sem texto)</span>{%else%}{{ dpt.texto|safe }}{%endif%}</div>
				{% if dpt.ta_publicado_id != None and not dpt.tipo_dispositivo.dispositivo_de_articulacao %}
					<a class="link_alterador" href="{%url 'comp_edit' dpt.ta_publicado.pk %}#{{dpt.dispositivo_atualizador_id}}">
						{{ dpt.tipo_dispositivo.nota_automatica_prefixo_html|safe }}
						{% nota_automatica dpt %}
						{{ dpt.tipo_dispositivo.nota_automatica_sufixo_html|safe }}
					</a>
				{% endif %}
			{% endspaceless %}
			{% if view.is_ta_alterador and dpt.tipo_dispositivo.class_css == 'bloco_alteracao'%}
				{%with node=dpt template_name='compilacao/edit_bloco_alteracao.html' %}
					{%include template_name%}
				{%endwith%}
			{% endif%}
		</div>
    {% endif%}

	{% set_nivel_old view dpt.nivel %}

{% endfor %}

{% if view|isinst:'DispositivoEditView' %}
	{% close_div view.flag_nivel_old view.flag_nivel_ini -1 %}
{% else %}
	{% close_div view.flag_nivel_old view.flag_nivel_ini 0 %}
{% endif%}