<!DOCTYPE html>


<html>



<head>
  {% load static %}
  {% load static %}
  {% get_static_prefix as STATIC_PREFIX %}
  {% load custom_tags %}
  {% include "chlamdb/header.html" %}

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

                    {% if envoi_comp %}
                      <br>
                      <div class="col-lg-12">
                        <table class="display" id="mytable_module" style="width: 100%; padding-right: 1em; padding-top: 10em">
        
                                <style>
                                  table {
                                    table-layout: fixed;}
                                </style>
                                <thead>
                                       <tr>
								                        {% for entry in header %}
								                         <th> {{entry|safe}} </th>
								                        {% endfor %}
                                        {% for taxon in taxons %}
                                        <th valign="bottom"><div >{{ taxon}}</div></th>
                                        {% endfor %}
							                          </tr>
                                    </thead>
                                    <body>
                                        <tr>
                                            {% for line in entries %}
                                            {% for value in line %}
                                            <td> {{value|safe}} </td>
                                            {% endfor %}
                                        </tr>
                                          {% endfor %}
                                   </tbody>
                          </table>
                    {% endif %}
            </div>
          </div>
        </div>
      </div>
    
</body>

<script src="{% static 'js/jquery.hottie.js' %}"></script>
<script>
$(function(){
$("#mytable_module td").hottie({
readValue : function(e) {
return $(e).attr("data-hist");
},
colorArray : [
"#5858FA",
"#FBEFEF",
"#FA5858"
]

});

});
</script>


<script>

$(document).ready(function() {
  $('#mytable_module').DataTable( {
    dom: 'lBfrtip',
    buttons: [
        {
            extend: 'colvis',
            columns: ':not(.noVis)',
        },
        {
            extend: 'excel',
            title: 'orth_comp'
        },
        {
            extend: 'csv',
            title: 'orth_comp'
        }
    ],
   
    "ordering": true,
    "info":     false,
    } );
} );

$(document).ready(function() {
$("#mytable_module").DataTable();} );

</script>
</html>
