<!DOCTYPE html>
<html>
<head>
    {% load static %}
    {% load static %}

{% 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" %}
                            <div style="padding:2em 10em 0em 10em;">
                                <div class="tab-pane" id="genomes" style="margin-top: 5em;">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                    
        
                                    <table class="display" id="genomes_table">
                                        <thead>
        
        
                                            <tr>
                            {% for header in data_table_header %}
                            <th>{{header}}</th>
                            {% endfor %}
        
                                            </tr>
                                        </thead>
                                        <tbody>
                                        {% for entry in data_table %}
                                            <tr>
                            {% for val in entry %}
                                                <td>{{val}}</td>
                            {% endfor %}
                                            </tr>
                                        {% endfor %}
        
                                        </tbody>
                                    </table>
                                </div>
                                </div> 
                            </div>
                    
                </div>
            </div>
          </div>
        </div>
    </div>

    <script>
      $(document).ready(function() {

      // Javascript to enable link to tab
      var url = document.location.toString();
      if (url.match('#')) {
          $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
      } 

      // Change hash for page-reload
      $('.nav-tabs a').on('shown.bs.tab', function (e) {
          window.location.hash = e.target.hash;
      })

      $('#genomes_table').DataTable( {
      dom: 'Bfrtip',
      "paging":   true,
      "ordering": true,
      "info":     false,
      buttons: [
        {
            extend: 'excel',
            title: 'interaction_table'
        },
        {
            extend: 'csv',
            title: 'interaction_table'
        }
      ],
      } );
      } );
    $('.dropdown-toggle').dropdown()
    </script>
</body>
{% include "chlamdb/style_menu.html" %}

</html>


