{% extends "main.html" %}

{% block title %}Lookyloo{% endblock %}

{% block content %}
  <center>
    <a href="{{ url_for('scrape_web') }}">
      <img src="{{ url_for('static', filename='lookyloo.jpeg') }}"
           alt="Lookyloo" width="200">
    </a>
  </center>
  <center>
    <h2><a href="{{ url_for('scrape_web') }}">Start a new capture</a></h2>
    </br></br>
  </center>

  <center>
  <div class="table-responsive">
  <table id="table" class="table" data-toggle="table" data-search="true">
    <thead>
     <tr>
       <th data-width="200">Page</th>
       <th data-width="80">Timestamp</th>
       <th data-width="200">Redirects</th>
     </tr>
    </thead>
    <tbody>
      {% for uuid, page_title, date, time, url, redirects in titles %}
      <tr>
        <td>
          <a href="{{ url_for('tree', tree_uuid=uuid) }}">{{ page_title }}</a>
          <div id="url">{{ url }}</div>
        </td>
        <td>{{ date }} {{ time }}</td>
        <td>
          {% if redirects %}
            {% for r in redirects %}
              {{ r }}
              {% if loop.nextitem %}
                </br>{{ ("&nbsp;" * (loop.index *2) )|safe }}↪
              {%endif%}

            {% endfor %}
          {% else%}
            No redirect
          {%endif%}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  </center>
{% endblock %}