{%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>

<div class="row">
  <form method="POST" action="{{url_for('expression-data.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>

    <input type="submit" class="btn btn-primary" value="submit" />
  </form>
</div>

<div class="row">
  <h2 class="heading">R/qtl2 Bundles</h2>

  <div class="explainer">
    <p>This feature combines and extends the two upload methods below. Instead of
      uploading one item at a time, the R/qtl2 bundle you upload can contain both
      the genotypes data (samples/individuals/cases and their data) and the
      expression data.</p>
    <p>The R/qtl2 bundle, additionally, can contain extra metadata, that neither
      of the methods below can handle.</p>

    <a href="{{url_for('expression-data.rqtl2.select_species')}}"
       title="Upload a zip bundle of R/qtl2 files">
      <button class="btn btn-primary">upload R/qtl2 bundle</button></a>
  </div>
</div>
{%endblock%}