{% extends 'base.html' %}

{% set active_page = "ferry" %}
{% block navbar -%}
{{super()}}
{% endblock %}
{% block body %}

<!--
  <nav class="teal lighten-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Färja till Gräsö</a>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>

-->

  <div class="container teal lighten-5">
    <div class="section">

      <!--   Icon Section   -->
      <div class="container-fluid">
        <table class="table text-center">
          <thead>
            <tr>
              <th>Tid</th>
              {% if info %}
              <th>Info</th>
              {% endif %}
            </tr>
          </thead>
            {% for value in data %}
            <tr>
              <td>{{ value['time'] }} </td>
              {% if 'info' in value %}
              <td>{{ value['info'][0] }}</td>
              {% endif %}
            </tr>
            {% endfor %}
        </table>
      </div>
    </div>
    <br><br>
  </div>


  <footer class="page-footer teal">
    <div class="footer-copyright">
      <div class="container">
        Made by Simon
      </div>
    </div>
  </footer>

  {% endblock %}