{% extends 'base.html' %}

{% block content %}


<div class="container-fluid">
  <div class="table-responsive">
  <div class="table-wrapper">
    <div class="table-title">
        <div class="row">
            <div class="col-sm-6">
              {% block header %}
              <h2>{% block title %}Cycles{% endblock %}</h2>
              {% endblock %}
            </div>
        </div>
    </div>
    <table class="table table-striped table-hover">
      {% for cycle in cycles %}
      <tr>
        <article class="post">
          <header>
            <div>
              <h1>{{ cycle['id'] }}</h1>
              <a class="action" href="{{ url_for('cycles.update', id=cycle['id'])}}">Edit</a>
              <div class="about">Started: {{ cycle['start_time'] }} and ended: {{ cycle['end_time'] }}</div>
            </div>
          </header>
          <p class="body">Cycle Length: {{ cycle['cycle_length'] }} days.</p>
        </article>
        {% if not loop.last %}
          <hr>
        {% endif %}
      </tr>
      {% endfor %}
    </table>

  </div>      
        
        
        
      
    

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


  {% endblock %}