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

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

{%block contents%}
<h2 class="heading">Tissue</h2>

<div class="explainer">
  <p>The data you are uploading concerns a tissue, cell, organ, or other
    biological material used in an experiment.</p>
  <p>Select the appropriate biological material below</p>
</div>

{%if tissues | length > 0%}
<form method="POST"
      action="{{url_for('upload.rqtl2.select_tissue',
	      species_id=species.SpeciesId, population_id=population.Id)}}"
      id="frm:select-probeset-dataset">
  <legend class="heading">Select from existing ProbeSet datasets</legend>
  {{flash_messages("error-select-tissue")}}

  <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}}" />
  <input type="hidden" name="geno-dataset-id" value="{{geno_dataset.Id}}" />

  <fieldset>
    <label for="select-tissue">Tissue</label>
    <select id="select-tissue"
	    name="tissueid"
	    required="required"
	    {%if tissues | length == 0%}disabled="disabled"{%endif%}>
      <option value="">Select a tissue</option>
      {%for tissue in tissues%}
      <option value={{tissue.Id}}>
	{{tissue.Name}}
	{%if tissue.Short_Name%}
	 -- ({{tissue.Short_Name}})
	{%endif%}
      </option>
      {%endfor%}
    </select>

    <span class="form-col-2">Select from existing biological material.</span>
  </fieldset>

  <fieldset>
    <input type="submit"
	   value="use selected"
	   class="btn btn-main form-col-2" />
  </fieldset>
</form>

<p style="color:#FE3535; padding-left:20em; font-weight:bolder;">OR</p>
{%endif%}

<div class="explainer">
  <p>If you cannot find the biological material in the drop-down above, add it
    to the system below.</p>
</div>

<form method="POST"
      action="{{url_for('upload.rqtl2.create_tissue',
	      species_id=species.SpeciesId, population_id=population.Id)}}"
      id="frm:create-probeset-dataset">
  <legend class="heading">Add new tissue, organ or biological material</legend>
  {{flash_messages("error-create-tissue")}}

  <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}}" />
  <input type="hidden" name="geno-dataset-id" value="{{geno_dataset.Id}}" />

  <fieldset>
    <label for="tissue-name">name</label>
    <input type="text"
           id="txt-tissuename"
           name="tissuename"
           required="required"
           title = "A name to identify the tissue, organ or biological material." />

    <span class="form-col-2">
      A name to identify the tissue, organ or biological material.
    </span>
  </fieldset>

  <fieldset>
    <label for="txt-shortname">short name</label>
    <input type="text" id="txt-tissueshortname" name="tissueshortname"
	   required="required"
	   maxlength="7"
	   title="A short name (e.g. 'Mam') for the biological material." />

    <span class="form-col-2">
      Provide a short name for the tissue, organ or biological material used in
      the experiment.
    </span>
  </fieldset>

  <fieldset>
    <input type="submit"
	   value="add new material"
	   class="btn btn-main form-col-2" />
  </fieldset>
</form>

{%endblock%}