{% extends 'flask_user/_public_base.html' %}
{% block content %}
<style>

</style>
<p>&nbsp;</p>
<p style="text-align: center;"><strong>Note:</strong> Talkgroups listed here may not be available on all servers. See <a href="/generate_passphrase">Passphrase(s)</a> for complete list of talkgroup availability per server.</p>
<p style="text-align: center;"><a href="hbnet_tg.csv"><strong>Download talkgroup CSV</strong></a> | <a href="hbnet_tg_anytone.csv"><strong>Download talkgroup CSV (Anytone format)</strong></a></p>
<div class="container-fluid">          
  <table class="table table-striped table-bordered" style="width:100%" id="all_tg">
    <thead>
      <tr>
        <th style="width: 146.1px; text-align: center;">Name</th>
        <th style="width: 89.9px; text-align: center;">TG</th>
        <th style="width: 339px; text-align: center;">Description</th>
      </tr>
    </thead>
    <tbody>

  {{markup_content}}

</tbody>
  </table>
</div>

<div class="row container-fluid" >
  <div class="col-xs-12">
</div>
</div>


<table id="table_id" class="display">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
        </tr>
    </tbody>
</table>



<p>&nbsp;</p>
<script type = "text/javascript">
$(document).ready( function () {
    $('#table_id').DataTable();
} );
</script>
{% endblock %}