{% extends "layout.html" %}
{% block body %}

<ul class="experiments">
{% for experiment in experiments %}
  <li>
    <h3 class="name"><a href="{{ url_for('details', experiment_name=experiment.name) }}">{{ experiment.name }}</a></h3>
    <table>
    	<tr>
    		<th>Case</th>
    		<th>Participants</th>
    		<th>Conv Rate</th>
    		<th>Confidence</th>
    	</tr>
        {% for alt in experiment.alternatives %}
    	<tr>
    		<td><span class="circle"></span>{{ alt.name }} {% if alt.is_control() %}<span class="note">control</span>{% endif %}</td>
    		<td>{{ alt.participant_count() }}</td>
    		<td>{{ alt.conversion_rate()|number_to_percent }}%</td>
    		<td><span title="{{ alt.z_score() }}">{{ alt.confidence_level() }}<span></td>
		</tr>
        {% endfor %}
    </table>
    <div class="graph"></div>
  </li>
{% endfor %}
</ul>

{% endblock %}