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

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

  <div class="container">
    <h1> Add Cohorts </h1>
      <p>For input and output, follow the following format: [input_name1]: [input_value1], [input_name2]: [input_value2], [input_name3]: [input_value3] etc</p>
      <p>Example 'SMS': 21, 'WA': 'This is some text' </p>
    <form action="/experiment/{{ experiment.id }}/cohorts/add" method="POST" name="cohort">
       <div id="nameinput" class="input-group">
          <span class="input-group-addon" id="basic-addon1">Experiment Name</span>
          <input type="text" class="form-control" name="experiment_name" value="{{ experiment.name }}" id="experiment_name" aria-describedby="basic-addon1" readonly>
          <input type="hidden" class="form-control" name="experiment_id" value="{{ experiment.id }}" id="experiment_id" aria-describedby="basic-addon">
       </div>
        <br />
       <div class="input-group">
        <span class="input-group-addon" id="basic-addon2">Name</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name="cohort_name" id="cohort_name" aria-describedby="basic-addon1"></textarea>
      </div>
        <br />
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon5">Start Date (mm/dd/yyyy)</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="start_date" id="start_date" aria-describedby="basic-addon5"></textarea>
      </div>
        <br />
      <div class="input-group">
        <span class="input-group-addon" id="basic-addon6">End Date (mm/dd/yyyy)</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="end_date" id="end_date" aria-describedby="basic-addon6"></textarea>
      </div>
        <br />
         <div class="input-group">
        <span class="input-group-addon" id="basic-addon7">Inputs</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="inputs" id="inputs" aria-describedby="basic-addon7"></textarea>
         </div>
        <br />
        <div class="input-group">
        <span class="input-group-addon" id="basic-addon8">Outputs</span>
        <textarea type="text" class="form-control custom-control" rows="6" style="resize:none" name ="outputs" id="outputs" aria-describedby="basic-addon8"></textarea>
      </div>
        <br />
      <button type="submit" class="btn btn-success">Add </button>
    </form>
  </div>
{% endblock content %}