<!DOCTYPE html>


<html>
<head>
    <script type="text/javascript" id="js">
		var columns = [
			{title: "KO"},
			{title: "Description"}];

		function build_set(val, dict) {
			var link = "<a href=/fam_ko/"+val+">"+val+"</a>";
			var data = dict[val];
			return [link, data];
		}
    </script>
   {% include "chlamdb/header.html" %}
</head>


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

                  {% if display_form %}
                  {% include "chlamdb/extract_nav_tabs_template.html" with type="ko" active_tab="venn" %}

                  <br>
                  <p class="page-title"><b>Visual representation of unique and shared KEGG orthologs among selected genomes </b><a href="/docs/index.html" id="show-option" title="Venn diagramm with a maximum of 6 genomes"><i class="fab fa-info-circle " style="size: 5em;" ></i></a></p></center>


				  <form action="{% url "venn_ko" %}" method="post">
					  {% csrf_token %}
					  {{ form_venn.as_p }}
					  <input type="submit" name="venn" value="Compare KO" id="venn_button" />

				  </form>


			  </div>
              {% endif %}

               {% if envoi_venn %}
               <div class="row" style="padding-top:30px; background-color: rgba(245, 245, 245, 0.986); margin-top: 2em;">
              <div class="panel panel-success">
                <div class="panel-heading" style="width:100%">
                  <h5 class="panel-title">Help to interpret the results</h5>
                </div>
                <p style="margin: 10px 10px 10px 10px">
                  The interactive Venn diagram let you visualize how many Kegg orthologs are shared among the selected genomes or a subset of genomes of interest, and how many are unique to each genome.
                  <br>Additionally, the size of each list can be visualized in the barplot and finally, the number of unique or shared Kegg orthologs can be appreciated in the last plot.
                  <br> Clicking on the reported numbers you will be redirected to the list of identified Ko entries and definitions.
                </p>
              </div>

                  {% include "chlamdb/venn_template_orthogroups.html" with series=series description_dico=ko2description %}
              {% endif %}


              </div>
          </div>
        </div>
      </div>
    </div>
  </div>

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