{% extends "base.html" %}
{% block head %}
{% endblock %}
{% block main_body %}
    <main role="main" class="" style="margin-left:20%;margin-right:20%;">
        <div class="my-3 p-3 bg-white rounded shadow-sm" style="">
            <h6 class="border-bottom border-gray pb-2 mb-0">Genome Data Download</h6>
            {% for i in spe %}
                <div class="media text-muted pt-3">
                    <img src="../static/images/worms/{{ i.id_starts }}.png"
                         style="height:36px;width:36px;border-width:2px;border-radius:3px;margin-right:10px;">
                    <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
                        <strong class="d-block text-gray-dark"><i>{{ i.latin_name }}</i></strong>
                        <a href="{{ url_for("views.file", filetype="genome", spe=i.id_starts) }}">Genome Download Link
                            for {{ i.latin_name }}</a>
                    </p>
                </div>
            {% endfor %}
        </div>
        <div class="my-3 p-3 bg-white rounded shadow-sm" style="">
            <h6 class="border-bottom border-gray pb-2 mb-0">Nucleic Acid Coding Sequence(CDS) Download</h6>
            {% for i in spe %}
                {% if i.full_supports %}
                    <div class="media text-muted pt-3">
                        <img src="../static/images/worms/{{ i.id_starts }}.png"
                             style="height:36px;width:36px;border-width:2px;border-radius:3px;margin-right:10px;">
                        <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
                            <strong class="d-block text-gray-dark"><i>{{ i.latin_name }}</i></strong>
                            <a href="{{ url_for("views.file", filetype="cds", spe=i.id_starts) }}">CDS Download Link
                                for {{ i.latin_name }}</a>
                        </p>
                    </div>
                {% endif %}
            {% endfor %}
        </div>
        <div class="my-3 p-3 bg-white rounded shadow-sm" style="">
            <h6 class="border-bottom border-gray pb-2 mb-0">Protein Sequence(PEP) Download</h6>
            {% for i in spe %}
                {% if i.full_supports %}
                <div class="media text-muted pt-3">
                    <img src="../static/images/worms/{{ i.id_starts }}.png"
                         style="height:36px;width:36px;border-width:2px;border-radius:3px;margin-right:10px;">
                    <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
                        <strong class="d-block text-gray-dark"><i>{{ i.latin_name }}</i></strong>
                        <a href="{{ url_for("views.file", filetype="pep", spe=i.id_starts) }}">PEP Download Link
                            for {{ i.latin_name }}</a>
                    </p>
                </div>
                {% endif %}
            {% endfor %}
        </div>
        <div class="my-3 p-3 bg-white rounded shadow-sm" style="">
            <h6 class="border-bottom border-gray pb-2 mb-0">Genome Feature File(gff) Download</h6>
            {% for i in spe %}
                {% if i.full_supports %}
                <div class="media text-muted pt-3">
                    <img src="../static/images/worms/{{ i.id_starts }}.png"
                         style="height:36px;width:36px;border-width:2px;border-radius:3px;margin-right:10px;">
                    <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
                        <strong class="d-block text-gray-dark"><i>{{ i.latin_name }}</i></strong>
                        <a href="{{ url_for("views.file", filetype="gff", spe=i.id_starts) }}">GFF Download Link
                            for {{ i.latin_name }}</a>
                    </p>
                </div>
                {% endif %}
            {% endfor %}
        </div>
    </main>
{% endblock %}