<!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>
  <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" %}

                <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                    <li class="active"><a href="#tab1" data-toggle="tab">Map list</a></li>
                    <!--<li><a href="#tab2" data-toggle="tab">Profile</a></li>-->
                    <li><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>

                <div id="my-tab-content" class="tab-content" style="height:2000px;">
                    <div class="tab-pane active" id="tab1">

                         <div class="panel panel-success" style="width:80%; top: 200px; margin: 10px 10px 10px 10px">
                            <div class="panel-heading" style="width:100%">
                                <h3 class="panel-title">Help</h3>
                            </div>
                            <p style="margin: 10px 10px 10px 10px; line-height: 180%">
                                Table of Kegg maps. <br>
                                Click on PRIAM map links to get list of associated EC number prodicted using PRIAM<br>
                                Click on KEGG ortholog links to get list of KO associated with the pathway<br>
                                <strong>nEC:</strong> number of Enzymatic reaction in the considered map.<br>
                                <strong>nEC+:</strong> number of Enzymatic found in the whole database.<br>
                            </p>
                        </div>

                        <table class="table">
                        <tr>
                            <th>Category</th><th>PRIAM</th><th>KEGG orthologs</th><th>Description</th><th>nEC</th><th>nEC+</th><th>%</th>
                        <tr>
                        {% for category, values in category2maps.items %}
                            {% for value0, value1 in values %}
                            <tr>

                                <td>{{category}}</td>
                                <td><a href="{% url 'KEGG_mapp' value0 %}">{{value0}}</a>
                                <td><a href="{% url 'KEGG_mapp_ko' value0 %}">{{value0}}</a>
                                </td><td>{{value1}}</td>
                                {% for value in map2count|keyvalue:value0 %}
                                    <td>{{value}}</td>
                                {% endfor %}

                            </tr>
                            {% endfor %}
                        {% endfor %}
                        </table>
                    </div>

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


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