{% extends "main.html" %}

{% from 'bootstrap5/utils.html' import render_messages %}

{% block title %}Captures{% endblock %}

{% block scripts %}
{{ super() }}
<script type="text/javascript">
    $('#table').DataTable( {
        "order": [[ 0, "desc" ]],
        "pageLength": 50,
        "searching": false,
        "paging": false
    });
</script>
{% endblock %}


{% block content %}
  <center>
      <h4>Ongoing captures</h4>
      <button onclick="window.history.back();" class="btn btn-primary" type="button">Go Back</button>
  </center>
  <div>The captures below are queued, it will take a few minutes before the links are working</div>
  <div class="table-responsive">
  <table id="table" class="table" style="width:96%">
    <thead>
     <tr>
       <th>URL</th>
       <th>Link</th>
     </tr>
    </thead>
    <tbody>
      {% for uuid, captured_url in bulk_captures %}
      <tr>
        <td>
          {{ captured_url }}
        </td>
        <td><a href="{{ url_for('tree', tree_uuid=uuid) }}">Show capture</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
{% endblock %}