{% load i18n el_pagination_tags localcosmos_tags app_tags %}
<div id="taxonloader" style="display: none;">{% trans 'Loading...' %}</div>

{% with taxa=taxa.taxa %}

	<div id="taxonlist">

		{% paginate 20 taxa %}

		<ul>
			{% for taxon in taxa|clean_taxa %}
				<li>
					{{ taxon }}

					{% get_taxon_occurrences taxon as occurrences %}
					{% if occurrences %}
						{% for occurrence in occurrences %}
							<span class="badge rounded-pill  bg-info">{{ occurrence }}</span>
						{% endfor %}
					{% endif %}
					<!--
					{% if taxon.instance %}
						{% if taxon.instance.content %}
							<span class="badge rounded-pill  bg-secondary">{{ taxon.instance.content }}</span>
						{% elif taxon.instance|class_name == "BackboneTaxa" %}
						{% else %}
							<span class="badge rounded-pill  bg-secondary">{{ taxon.instance|taxon_origin }}</span>
						{% endif %}
					{% endif %}
					{% if taxon.taxon_include_descendants %}<span class="badge rounded-pill  bg-info">{% trans 'with descendants' %}</span>{% endif %}
				-->

					<div class="btn-group dropup">
						<button type="button" class="btn btn-outline-primary btn-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							{% trans 'Modify' %} <span class="caret"></span>
						</button>
						<div class="dropdown-menu pull-right">
							<a href="{% url 'manage_backbone_taxon' meta_app.id taxon.taxon_source taxon.name_uuid|safe %}" class="dropdown-item">{% trans 'Inspect' %}</a>
							{% if taxon|taxon_is_backbone_removable %}
								<div class="dropdown-divider"></div>
								<a data-url="{% url 'remove_backbone_taxon' meta_app.id generic_content.id taxon.name_uuid taxon.taxon_source %}" class="dropdown-item xhr" ajax-target="ModalContent">{% trans 'Remove' %}</a>
							{% endif %}
						</div>
					</div>

					<!--

					{% if taxon.source == "CustomTaxonTree" %}
						<div class="btn-group">
							<button type="button" class="btn btn-outline-primary btn-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								{% trans 'Modify' %} <span class="caret"></span>
							</button>
							<div class="dropdown-menu pull-right">
								<a href="{% url 'manage_custom_taxon' meta_app.id taxon.name_uuid|safe %}" class="dropdown-item">{% trans 'Edit' %}</a>
								{% if taxon.origin == "BackboneTaxa" %}
									<div class="dropdown-divider"></div>
									<a data-url="{% url 'remove_backbone_taxon' meta_app.id generic_content.id taxon.name_uuid taxon.taxon_source %}" class="dropdown-item xhr" ajax-target="ModalContent">{% trans 'Remove' %}</a>
								{% endif %}
							</div>
						</div>
					{% else %}

						{% if taxon.origin == "BackboneTaxa" %}

							<small><a href data-url="{% url 'remove_backbone_taxon' meta_app.id generic_content.id taxon.name_uuid taxon.taxon_source %}" class="btn btn-xs btn-danger xhr" ajax-target="ModalContent">{% trans 'Remove' %}</a></small>
						{% endif %}
					{% endif %}
					-->
				</li>
			{% endfor %}
		</ul>
	</div>
	<p>
		{% show_pages %}
	</p>
{% endwith %}