{% extends "base.html" %}
{% block head %}
    <script src="{{ url_for("static", filename="js/echarts.min.js") }}"></script>
    <script src="{{ url_for("static", filename="js/shine.js") }}"></script>
{% endblock %}
{% block main_body %}
    <main role="main" class="" style="margin-left:5%;margin-right:5%;">
        <div class="my-3 p-3 bg-white rounded shadow-sm" style="">
            <h6 class="border-bottom border-gray pb-2 mb-0">Pathway Map Panel</h6>
            <form style="margin:4%;font-size:15px;" method="post">
                <div class="form-group">
                    <label for="species_list" style="margin-bottom:10px;">Species Selection</label>
                    {% for i in support_spe %}
                        <div>
                            <label><input class="selDiv" type="radio" id="{{ i.id_starts }}" value="{{ i.id_starts }}"
                                          name="species_list"> {{ i.latin_name }}</label>
                        </div>
                    {% endfor %}
                    <small id="emailHelp" class="form-text text-muted" style="width:70%;">Pathway Map function requires
                        you to tick a species.</small>
                    <small id="emailHelp" class="form-text text-muted" style="width:100%;">This functional module data
                        is derived from transcriptome data, and we screen for </small>
                    <small id="emailHelp" class="form-text text-muted" style="width:70%;">significantly different genes
                        and their pathways.</small>
                </div>

                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
            <small class="d-block text-right mt-3">
                <a href="#">All updates</a>
            </small>
        </div>
    </main>
    {% if file_name %}
        <div style="margin-left: 5%;position: absolute;margin-right: 5%;">
            {% include file_name %}
        </div>
    {% endif %}
{% endblock %}