<!DOCTYPE html>


<html>



<head>
{% load static %}
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}
{% load custom_tags %}
{% include "chlamdb/header.html" %}
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />

</head>

<body style="margin:0px;padding:0px;overflow:hidden">
  <div class="container-fluid" id="main_container">
    <div class="row">
      <div id="wrapper">
          <div id="page-content-wrapper">
            <div class="row">
              <div class="col-lg-12">
                 {% include "chlamdb/menu.html" %}

                   <nav>
                       <ul id="tabs_main" class="nav nav-tabs">
                           <li><a href="{% url 'metabo_overview' %}">Map list</a></li>
                           <!--<li><a href="#tab2" data-toggle="tab">Profile</a></li>-->
                           <li class="active"><a href="{% url 'kegg_pathway_heatmap' %}">Category profiles</a></li>
                           <li><a href="{% url 'metabo_comparison' %}" >Compare strains (EC)</a></li>
                           <li><a href="{% url 'metabo_comparison_ko' %}">Compare strains (KO)</a></li>

                       </ul>
                    </nav>



                   <form action='{% url "kegg_pathway_heatmap" %}' method="post">
                    {% csrf_token %}
                    {{ form.as_p }}
                    <input type="submit" value="Submit" />

                    </form>

                    {%if envoi %}
                       <h3>{{ fam }} </h3>

                        <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                            <li class="active"><a href="#tab1" data-toggle="tab">Profile</a></li>
                        </ul>

                        <div id="my-tab-content" class="tab-content">


                            <div class="tab-pane active" id="tab2">
                                <object type="image/svg+xml" data="{% static asset_path %}" id="metabo_tree" style="width:80%;"></object>
                            </div>

                            <div class="tab-pane" id="tab66" style="height:5000px">
                                <iframe name="orthoIDframe" id="theFrame2" scrolling="no" style="overflow:hidden;height:100%;width:100%" height="100%" width="80%"></iframe>
                            </div>
                        </div>
                    {%endif%}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

</body>
{% include "chlamdb/style_menu.html" %}
</html>
