{% extends "app/entries/entry_list.html" %}

{% block title %}
    Gene entries
{% endblock title %}

{% block structured_data %}
    {% load bioschemas %}
    {% bioschemas_gene_list object_list name="Biodiversity Cell Atlas genes" %}
{% endblock structured_data %}

{% block heading %}
    {% load entry_links %}
    {% render_header_counter 'Genes' paginator species %}
    <style>
    .select-width {
        width: 600px;
    }
    </style>
    <div class="row g-2 mb-4 align-items-start">
        <div class="d-flex justify-content-between align-items-center small">
            <label class="col-form-label">
                <i class="fa fa-kiwi-bird fa-fw"></i>
                Filter species
            </label>
        </div>
        <div class="col-auto select-width">
            {% include "app/components/select/species.html" with redirect="arg" placeholder="Search..." species=species view="gene_entry" %}
        </div>
    </div>
{% endblock heading %}

{% block header %}
    <th>Gene</th>
    <th class="entry-description">Description</th>
    <th>Domains</th>
    <th>Gene lists</th>
    {% if not species %}
        <th>Species</th>
    {% endif %}
{% endblock header %}

{% block row %}
    <td>{{ each.get_html_link }}</td>
    <td class="entry-description">{{ each.description|default:'—' }}</td>
    <td>{{ each.get_domain_html_links|default:'—' }}</td>
    <td>{{ each.get_genelist_html_links|default:'—' }}</td>
    {% if not species %}
        <td>{{ each.species.get_genes_html_link }}</td>
    {% endif %}
{% endblock row %}

{% block unfound %}
    No genes found.
{% endblock unfound %}