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

{%block title%}Upload R/qtl2 Bundle{%endblock%}

{%block contents%}
<h2 class="heading">Select Genotypes Dataset</h2>

<div class="row">
  <p>Your R/qtl2 files bundle contains a "geno" specification. You will
    therefore need to select from one of the existing Genotype datasets or
    create a new one.</p>
  <p>This is the dataset where your data will be organised under.</p>
</div>

<div class="row">
  <form id="frm-upload-rqtl2-bundle"
        action="{{url_for('upload.rqtl2.select_geno_dataset',
	        species_id=species.SpeciesId,
	        population_id=population.InbredSetId)}}"
        method="POST"
        enctype="multipart/form-data">
    <legend class="heading">select from existing genotype datasets</legend>

    <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
    <input type="hidden" name="population_id"
	   value="{{population.InbredSetId}}" />
    <input type="hidden" name="rqtl2_bundle_file"
	   value="{{rqtl2_bundle_file}}" />

    {{flash_messages("error-rqtl2-select-geno-dataset")}}

    <div class="form-group">
      <legend>Datasets</legend>
      <label for="select:geno-datasets" class="form-label">Dataset</label>
      <select id="select:geno-datasets"
	      name="geno-dataset-id"
	      required="required"
	      {%if datasets | length == 0%}
	      disabled="disabled"
	      {%endif%}
              class="form-control"
              aria-describedby="help-geno-dataset-select-dataset">
        <option value="">Select dataset</option>
        {%for dset in datasets%}
        <option value="{{dset['Id']}}">{{dset["Name"]}} ({{dset["FullName"]}})</option>
        {%endfor%}
      </select>
      <span id="help-geno-dataset-select-dataset" class="form-text text-muted">
        Select from the existing genotype datasets for species
        {{species.SpeciesName}} ({{species.FullName}}).
      </span>
    </div>

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

<div class="row">
  <p style="color:#FE3535; padding-left:20em; font-weight:bolder;">OR</p>
</div>

<div class="row">
  <form id="frm-upload-rqtl2-bundle"
        action="{{url_for('upload.rqtl2.create_geno_dataset',
	        species_id=species.SpeciesId,
	        population_id=population.InbredSetId)}}"
        method="POST"
        enctype="multipart/form-data">
    <legend class="heading">create a new genotype dataset</legend>

    <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
    <input type="hidden" name="population_id"
	   value="{{population.InbredSetId}}" />
    <input type="hidden" name="rqtl2_bundle_file"
	   value="{{rqtl2_bundle_file}}" />

    {{flash_messages("error-rqtl2-create-geno-dataset")}}

    <div class="form-group">
      <label for="txt:dataset-name" class="form-label">Name</label>
      <input type="text"
	     id="txt:dataset-name"
	     name="dataset-name"
	     maxlength="100"
	     required="required"
             class="form-control"
             aria-describedby="help-geno-dataset-name" />
      <span id="help-geno-dataset-name" class="form-text text-muted">
        Provide the new name for the genotype dataset, e.g. "BXDGeno"
      </span>
    </div>

    <div class="form-group">
      <label for="txt:dataset-fullname" class="form-label">Full Name</label>
      <input type="text"
	     id="txt:dataset-fullname"
	     name="dataset-fullname"
	     required="required"
	     maxlength="100"
             class="form-control"
             aria-describedby="help-geno-dataset-fullname" />

      <span id="help-geno-dataset-fullname" class="form-text text-muted">
        Provide a longer name that better describes the genotype dataset, e.g.
        "BXD Genotypes"
      </span>
    </div>

    <div class="form-group">
      <label for="txt:dataset-shortname" class="form-label">Short Name</label>
      <input type="text"
	     id="txt:dataset-shortname"
	     name="dataset-shortname"
	     maxlength="100"
             class="form-control"
             aria-describedby="help-geno-dataset-shortname" />

      <span id="help-geno-dataset-shortname" class="form-text text-muted">
        Provide a short name for the genotype dataset. This is optional. If not
        provided, we'll default to the same value as the "Name" above.
      </span>
    </div>

    <div class="form-group">
      <input type="checkbox"
	     id="chk:dataset-public"
	     name="dataset-public"
	     checked="checked"
             class="form-check"
             aria-describedby="help-geno-datasent-public" />
      <label for="chk:dataset-public" class="form-check-label">Public?</label>

      <span id="help-geno-dataset-public" class="form-text text-muted">
        Specify whether the dataset will be available publicly. Check to make the
        dataset publicly available and uncheck to limit who can access the dataset.
      </span>
    </div>

    <button type="submit" class="btn btn-primary">create new dataset</button>
  </form>
</div>

{%endblock%}