<!DOCTYPE html>


<html>
<head>
  {% 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>

                    <table class="table" id="taxonomy_table">
                        <thead>
                            <tr>
                              <th scope="col">superkingdom</th>
                                <th scope="col">phylum</th>
                                <th scope="col">order</th>
                                <th scope="col">family</th>
                                <th scope="col">genus</th>
                                <th scope="col">assembly_accession</th>

                              <th scope="col">Organism</th>
                              <th scope="col">Protein_id</th>
                              <th scope="col">e-value</th>
                              <th scope="col">Score</th>

                            </tr>
                        </thead>
                        <tbody>
                        {% for row in taxon_data %}
                            <tr>
                                <td>{{row.0}}</td>
                                <td>{{row.1}}</td>
                                <td>{{row.2}}</td>
                                <td>{{row.3}}</td>
                                <td>{{row.4}}</td>
                                <td>{{row.5}}</td>
                                <td>{{row.6}}</td>
                                <td>{{row.7}}</td>
                                <td>{{row.8}}</td>
                                <td>{{row.9}}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>

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

</body>

<script>

$(document).ready(function() {
    $('#taxonomy_table').DataTable( {
        "order": [[ 6, "desc" ]],
        "pageLength": 20,
        "searching": true,
        "bLengthChange": false,
        "paging":   true,
        "info": false
    } );
} );


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