<section class="cohort_manager" data-ajax_url="${cohorts_ajax_url}">
<h3>Cohort groups</h3>

<div class="controls" style="padding-top:15px">
  <a href="#" class="button show_cohorts">Show cohorts</a>
</div>

<ul class="errors">
</ul>

<div class="summary" style="display:none">
  <h3>Cohorts in the course</h3>
  <ul class="cohorts">
  </ul>

  <p>
  <input class="cohort_name"/>
  <a href="#" class="button add_cohort">Add cohort</a>
  </p>
  
</div>

<div class="detail" style="display:none">
  <h3 class="header"></h3>
  <table class="users">
  </table>
  <span class="page_num"></span>
  
  <p>
  Add users by username or email.  One per line or comma-separated.
  </p>
  <textarea cols="50" row="30" class="users_area" style="height: 200px"></textarea>
  <a href="#" class="button add_members">Add cohort members</a>

  <ul class="op_results">
  </ul>
  
</div>


</section>