{% extends "base.html" %}
{% block header %}
  {{ super() }}
{% endblock header %}

{% block content %}
  {% include "partials/navbar.html" %}


<div class="container">
  <h1>Experiment: {{ experiment.name }}, Cohort: {{ cohort.name }}</h1>
<div class="row">
    <div class="panel panel-info filterable">
        <div class="panel-heading">
            <h3 class="panel-title">Users</h3>
            <div class="pull-right">
                <a class="btn btn-success btn-xs" href="/experiment/{{ experiment.id }}/cohorts/{{ cohort.id }}/add">Add Users</a>
            </div>
        </div>
        <div id="table" class="table-editable">
        <table class="table">
            <thead>
                <tr class="filters">
                    <th>#</th>
                    <th>Name</th>
                    <th>Created On</th>
                </tr>
            </thead>
            <tbody>
                {% for cd in cohort_details %}
                  <tr>
                    <td>{{cd.user.id}}</td>
                    <td>{{cd.user.name}}</td>
                    <td>{{cd.user.created_on}}</td>
                    <td> <a href="/experiment/{{ experiment.id }}/cohorts/{{ cohort.id }}/{{ cd.user.id }}/delete"> <span class="table-remove glyphicon glyphicon-trash"></span> </a> </td>
                  </tr>
                {% endfor %}
            </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

{% endblock content %}