<!DOCTYPE html>


<html>
<head>
    <script type="text/javascript" id="js">
        $(document).ready(function() {
        // call the tablesorter plugin
        $("table").tablesorter({
        // change the default sorting order from 'asc' to 'desc'
        sortInitialOrder: 1
        });
        });
    </script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('#tabs').tab();
        });
    </script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('#tabs1').tab();
        });
    </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" %}

                  <nav>
                  <ul id="tabs" class="nav nav-tabs">
                      <li ><a href="{% url 'extract_EC' %}">Detailed comparison</a></li>
                      <li class="active"><a href="{% url 'venn_pfam' %}">Venn diagram</a></li>
                      <li><a href="{% url 'plot_heatmap' 'EC' %}">Whole proteomes heatmaps</a></li>
                      <li><a href="{% url 'pan_genome' 'EC' %}">Pan/Core genome plots</a></li>
                  </ul>
                  </nav>


                          <div id="extract_form">
                              <div class="panel panel-success" style="width:500px ; 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">Venn diagramm of EC numbers, max 6 genomes</p>
                              </div>



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

                              </form>

                          </div>

               {% if envoi_venn %}

                  {% include "chlamdb/venn_template_EC.html" with series=series description_dico=ec2description %}

              {% endif %}



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

<!--
<script type="text/javascript">$(document).ready( function(){ $("#jqtest").html("JQuery installed successfully!"); } ); </script>

-->

<script>
  var update_fields = function () {
    if ($("#id_get_groups").is(":checked")) {

        $('#id_region').prop('disabled', false);
        $('#search_table').show();
        $('#export_bouttons_detail').show();

        $('#table_groups').hide();
        $('#export_bouttons_groups').hide();
    }



    else {

       $('#id_get_groups').prop('disabled', false);
       $('#search_table').hide();
       $('#export_bouttons_detail').hide();
       $('#table_groups').show();
       $('#export_bouttons_groups').show();
    }
  };
  $(update_fields);
  $("#id_get_groups").change(update_fields);

</script>



<p id="jqtest"></p>

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