{%extends "genotypes/base.html"%}
{%from "flash_messages.html" import flash_all_messages%}
{%from "populations/macro-display-population-card.html" import display_population_card%}

{%block title%}Genotypes — Create Dataset{%endblock%}

{%block pagetitle%}Genotypes — Create Dataset{%endblock%}

{%block lvl4_breadcrumbs%}
<li {%if activelink=="create-dataset"%}
    class="breadcrumb-item active"
    {%else%}
    class="breadcrumb-item"
    {%endif%}>
  <a href="{{url_for('species.populations.genotypes.create_dataset',
           species_id=species.SpeciesId,
           population_id=population.Id)}}">Create Dataset</a>
</li>
{%endblock%}

{%block contents%}
{{flash_all_messages()}}

<div class="row">
  <form id="frm-geno-create-dataset"
        method="POST"
        action="{{url_for('species.populations.genotypes.create_dataset',
                species_id=species.SpeciesId,
                population_id=population.Id)}}">
    <legend>Create a new Genotype Dataset</legend>

    <div class="form-group">
      <label for="txt-geno-dataset-name" class="form-label">Name</label>
      <input type="text"
             id="txt-geno-dataset-name"
             name="geno-dataset-name"
             required="required"
             class="form-control" />
      <small class="form-text text-muted">
        <p>This is a short representative, but constrained name for the genotype
          dataset.<br />
          The field will only accept letters ('A-Za-z'), numbers (0-9), hyphens
          and underscores. Any other character will cause the name to be
          rejected.</p></small>
    </div>

    <div class="form-group">
      <label for="txt-geno-dataset-fullname" class="form-label">Full Name</label>
      <input type="text"
             id="txt-geno-dataset-fullname"
             name="geno-dataset-fullname"
             required="required"
             class="form-control" />
      <small class="form-text text-muted">
        <p>This is a longer, more descriptive name for your dataset.</p></small>
    </div>

    <div class="form-group">
      <label for="txt-geno-dataset-shortname"
             class="form-label">Short Name</label>
      <input type="text"
             id="txt-geno-dataset-shortname"
             name="geno-dataset-shortname"
             class="form-control" />
      <small class="form-text text-muted">
        <p>A short name for your dataset. If you leave this field blank, the
          short name will be set to the same value as the
          "<strong>Name</strong>" field above.</p></small>
    </div>

    <div class="form-group">
      <input type="submit"
             class="btn btn-primary"
             value="create dataset"  />
    </div>
  </form>
</div>
{%endblock%}

{%block sidebarcontents%}
{{display_population_card(species, population)}}
{%endblock%}