{%extends "base.html"%}

{%block title%}Select Dataset{%endblock%}

{%block contents%}
<h1 class="heading">{{filename}}: select dataset</h2>

<form method="POST" action="{{url_for('dbinsert.insert_data')}}"
      id="select-dataset-form"
      data-menu-content="{{menu_contents}}"
      data-genechips="{{genechips_data}}">
  <input type="hidden" name="filename" value="{{filename}}" />

  <fieldset>
    <label for="species">species:</label>
    <select id="species" name="species">
      {%for row in species:%}
      <option value="{{row[0]}}"
	      {%if row[0] == default_species:%}
	      selected="selected"
	      {%endif%}>
	{{row[1]}}
      </option>
      {%endfor%}
    </select>
  </fieldset>

  <fieldset>
    <label for="group">group:</label>
    <select id="group" name="group">
      {%for grouping, grps in groups.items():%}
      <optgroup label="{{grouping}}">
	{%for group in grps:%}
	<option value="{{group[0]}}">{{group[1]}}</option>
	{%endfor%}
      </optgroup>
      {%endfor%}
    </select>
  </fieldset>

  <fieldset>
    <label for="type">type:</label>
    <select id="type" name="type">
      {%for grouping, typs in types.items():%}
      <optgroup label="{{grouping}}">
	{%for type in typs:%}
	<option value="{{type[0]}}">{{type[1]}}</option>
	{%endfor%}
      </optgroup>
      {%endfor%}
    </select>
  </fieldset>

  <fieldset>
    <label for="dataset">dataset:</label>
    <select id="dataset" name="dataset">
      {%for dataset_id, name1, name2 in datasets:%}
      <option value="{{dataset_id}}">[{{name1}}] {{name2}}</option>
      {%endfor%}
    </select>
  </fieldset>

  <table id="genechips-table">
    <thead>
      <tr>
	<th>Select</th>
	<th>GeneChip Name</th>
	<th>Name</th>
	<th>GeoPlatform</th>
	<th>GO Tree Value</th>
      </tr>
    </thead>

    <tbody>
      {%for chip in genechips:%}
      <tr>
	<td>
	  <input type="radio" name="genechipid" value="{{chip['GeneChipId']}}"
		 required="required" />
	</td>
	<td>{{chip["GeneChipName"]}}</td>
	<td>{{chip["Name"]}}</td>
	<td>{{chip["GeoPlatform"]}}</td>
	<td>{{chip["GO_tree_value"]}}</td>
      </tr>
      {%else%}
      <tr>
	<td colspan="5">No chips found for selected species</td>
      </tr>
      {%endfor%}
    </tbody>
  </table>

  <fieldset>
    <input type="submit" class="btn btn-main" value="update database" />
  </fieldset>

</form>

{%endblock%}

{%block javascript%}
<script type="text/javascript" src="/static/js/dbinsert.js"></script>
<script type="text/javascript">
  document.getElementById("species").addEventListener("change", update_menu);
  document.getElementById("group").addEventListener("change", update_menu);
  document.getElementById("type").addEventListener("change", update_menu);
</script>
{%endblock%}