{%extends "base.html"%}
{%from "flash_messages.html" import flash_messages%}

{%block title%}Data Upload{%endblock%}

{%block contents%}
<h1 class="heading">R/qtl2 data upload</h1>

<h2>R/qtl2 Upload</h2>

<form method="POST" action="{{url_for('upload.rqtl2.select_species')}}"
      id="frm-rqtl2-upload">
  <legend class="heading">upload R/qtl2 bundle</legend>
  {{flash_messages("error-rqtl2")}}

  <div class="form-group">
    <label for="select:species" class="form-label">Species</label>
    <select id="select:species"
            name="species_id"
            required="required"
            class="form-control">
      <option value="">Select species</option>
      {%for spec in species%}
      <option value="{{spec.SpeciesId}}">{{spec.MenuName}}</option>
      {%endfor%}
    </select>
    <small class="form-text text-muted">
      Data that you upload to the system should belong to a know species.
      Here you can select the species that you wish to upload data for.
    </small>
  </div>

  <button type="submit" class="btn btn-primary" />submit</button>
</form>

{%endblock%}