{% extends "layout.html" %}
{% import "_paging.html" as paging %}
{% import "gestion/macros.html" as objetivos %}


{% block content %}
<div class="col-12 row">
{% for hijo in root.hijos if hijo.visible() %}
	<div class="col-12 ml-3">
		<div class="card shadow mb-4">
			<div class="card-header">
				<div class="d-flex flex-row align-items-center justify-content-between">
		
					{% if hijo.tipo %}
					<h3 class="m-0 font-weight-bold text-dark flex-grow-1"><i class="mr-2 fas fa-{{ hijo.tipo }}"></i>{{ hijo.nombre }}</h3>
					{% else %}
					<h3 class="m-0 font-weight-bold text-dark flex-grow-1">{{ hijo.nombre }}</h3>
					{% endif %}
		
					{% if hijo.is_manager %}
					<div class="dropdown no-arrow">
						<button class="btn btn-secondary btn-circle dropdown-toggle" type="button" id="dropdownConfig{{ hijo.id }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-cog"></i></button>
						<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownConfig{{ hijo.id }}">
							<a class="dropdown-item text-dark" data-toggle="modal" data-target="#modalConfigObjetivo{{ hijo.id }}" data-pid="{{ hijo.id }}" data-rid="{{ hijo.responsableid }}"><i class="mr-2 fas fa-{{ hijo.icon_class }}"></i>Agregar {{label}}</a>
						</div>
					</div>
					{% endif %}
				</div>
			</div>
		{% for nieto in hijo.hijos %}
			<div class="card-body row px-4">
			{{ objetivos.directorio_li( nieto, label, single=True ) }}
			</div>
		{% endfor %}

		</div>
	</div>
{% else %}
	<div class="col-12 text-dark my-1 text-center h5"><i class="fas fa-exclamation-triangle mr-2"></i>Este mensaje no debería mostrarse.</div>
{% endfor %}
</div>
{% endblock content %}


{% block js %}
{% for hijo in root.hijos if hijo.visible %}
	{{ objetivos.show_js(hijo, redirect=url_for('gestion.documentos'), invitado=True) }}
{% endfor %}
{{ objetivos.docu_js(redirect=url_for('gestion.documentos'), invitado=True) }}

{% endblock %}
