{% spaceless %}
{% load i18n static localcosmos_tags app_tags %}
<div id="{{ node.name_uuid }}" data-object-id="{{ node.id }}" class="nature-guide-node col-12 mb-2">

	<div class="row">
		<div class="col-3">
			<a {% if node.meta_node.node_type == "result" %}data-url="{% url 'mockbutton' %}?message={% trans 'Tapping on an entry in your app will result a taxon profile or observation form being opened - according to your settings.' %}" class="xhr" ajax-target="ModalContent"{% else %}href="{% url 'manage_natureguide' meta_app.id content_type.id parent_node.nature_guide.id node.id %}"{% endif %}><div id="content_image_{{ node.meta_node|ctype_id }}_{{ node.meta_node.id }}" class="squareimage" style="background-image:url('{{ node.meta_node.image_url }}');"></div></a>
		</div>
		<div class="col-7 ps-0">
			<div class="row align-items-center node-content">
				<div class="col-12">
					<div class="node-name">
						<strong>{% if node.meta_node.object_class %}{{ node.meta_node.object_class }} {% endif %}
							{{ node.meta_node.name }}
							{% if node.meta_node.morphotype %} ({{ node.meta_node.morphotype }}){% endif %}
						</strong>
						{% if node.meta_node.taxon_latname and node.meta_node.taxon_latname != node.meta_node.name %}
								<br>
								<small><small><i>{{ node.meta_node.taxon_latname }}</i></small></small>
							{% endif %}
							
						{% if node.is_crosslink is True %}
							&nbsp; <span class="badge rounded-pill  badge-xs bg-info">{% trans 'crosslink' %}</span>
						{% endif %}
						{% if not node.is_active %}
							&nbsp; <span class="badge rounded-pill badge-xs bg-danger">{% trans 'inactive' %}</span>
						{% endif %}
					</div>
				</div>
				
				<div class="col-12">
					<span id="{{ node.name_uuid }}-points"></span>
				</div>
				<div class="col-12">
					<div class="btn-group dropup">
						<button class="btn btn-xs btn-outline-primary dropdown-toggle" type="button" id="dropdownMenuForNode-{{ node.id }}" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							{% trans 'Modify' %}
						<span class="caret"></span>
						</button>
						<div class="dropdown-menu" aria-labelledby="dropdownMenuForNode-{{ node.id }}">
							{% include 'nature_guides/ajax/node_management_menu.html' %}
						</div>
					</div>
				</div>
			</div>
		</div>
		{% if node.meta_node.node_type == 'node' %}
			<div class="row col-2 align-items-center">
				<a {% if node.meta_node.node_type == "result" %}data-url="{% url 'mockbutton' %}?message={% trans 'Tapping on an entry in your app will result a taxon profile or observation form being opened - according to your settings.' %}" class="xhr" ajax-target="ModalContent"{% else %}href="{% url 'manage_natureguide' meta_app.id content_type.id parent_node.nature_guide.id node.id %}"{% endif %}style="display:block; width:100%;">
					<img src="{% static 'app_kit/images/forward-arrow.svg' %}" class="img-fluid node-arrow"/>
				</a>
			</div>
		{% endif %}
	</div>
	<hr class="w-100" />
</div>
{% endspaceless %}