{% 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">Transcriptome Profile Search Panel</h6>
            <form style="margin:4%;font-size:15px;" method="post">
                <div class="form-group" style="display: inline-block">
                    <p>Species 1 Input</p>
                    <select class="form-control" name="spe1" style="width:300px;margin-bottom:20px;">
                        {% for i in spe %}
                            <option>{{ i.latin_name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="form-group" style="display: inline-block; margin-left: 20px;">
                    <p>Species 2 Input</p>
                    <select class="form-control" name="spe2" style="width:300px;margin-bottom:20px;">
                        {% for i in spe %}
                            <option>{{ i.latin_name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div style="display: inline-block; margin-left: 20px;">
                    <div style="margin-top:10px;">
                        <input type="submit" value="Submit" class="btn btn-primary btn-rounded"
                               style="margin-left:20px;">
                    </div>
                </div>
                {% if error_message %}
                    <p style="color: darkred; text-align: center;">Warning! {{ error_message }}</p>
                {% endif %}

            </form>
            <small class="d-block text-right mt-3">
                <a href="#">All updates</a>
            </small>
        </div>

    </main>
{% endblock %}