{% 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>
              <div class="about"><b>Started:</b> {{ cycle['start_time'] }}</div>
              <b>Ended: </b>{{ cycle['end_time'] }}</div>
            </div>
          </header>
          <p class="body">
            {% if cycle['cycle_length'] %}
            Cycle Length: <b>{{ cycle['cycle_length'] }} days</b>.
            {% else %}

            {% endif %}
          </p>
          <a class="action" href="{{ url_for('cycles.update', id=cycle['id'])}}">Edit</a> - {{ cycle['id'] }}
        </article>
        {% if not loop.last %}
          <hr>
        {% endif %}
      </tr>
      {% endfor %}
    </table>

  </div>      
        
        
        
      
    

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


  {% endblock %}