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

{%block title%}Phenotypes{%endblock%}

{%block pagetitle%}Phenotypes{%endblock%}

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

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

<div class="row">
  <p>Create a new phenotype dataset.</p>
</div>

<div class="row">
  <form id="frm-create-pheno-dataset"
        action="{{url_for('species.populations.phenotypes.create_dataset',
                species_id=species.SpeciesId,
                population_id=population.Id)}}"
        method="POST">

    <div class="form-group">
      <label class="form-label" for="txt-dataset-name">Name</label>
      {%if errors["dataset-name"] is defined%}
      <small class="form-text text-muted danger">
        <p>{{errors["dataset-name"]}}</p></small>
      {%endif%}
      <input type="text"
             name="dataset-name"
             id="txt-dataset-name"
             value="{{original_formdata.get('dataset-name') or (population.InbredSetCode + 'Publish')}}"
             {%if errors["dataset-name"] is defined%}
             class="form-control danger"
             {%else%}
             class="form-control"
             {%endif%}
             required="required" />
      <small class="form-text text-muted">
        <p>A short representative name for the dataset.</p>
        <p>Recommended: Use the population code and append "Publish" at the end.
          <br />This field will only accept names composed of
          letters ('A-Za-z'), numbers (0-9), hyphens and underscores.</p>
      </small>
    </div>

    <div class="form-group">
      <label class="form-label" for="txt-dataset-fullname">Full Name</label>
      {%if errors["dataset-fullname"] is defined%}
      <small class="form-text text-muted danger">
        <p>{{errors["dataset-fullname"]}}</p></small>
      {%endif%}
      <input id="txt-dataset-fullname"
             name="dataset-fullname"
             type="text"
             value="{{original_formdata.get('dataset-fullname', '')}}"
             {%if errors["dataset-fullname"] is defined%}
             class="form-control danger"
             {%else%}
             class="form-control"
             {%endif%}
             required="required" />
      <small class="form-text text-muted">
        <p>A longer, descriptive name for the dataset. The name is meant for use
          by humans, and therefore, it should be clear what the dataset contains
          from the name.</p>
      </small>
    </div>

    <div class="form-group">
      <label class="form-label" for="txt-dataset-shortname">Short Name</label>
      <input id="txt-dataset-shortname"
             name="dataset-shortname"
             type="text"
             class="form-control"
             value="{{original_formdata.get('dataset-shortname') or (population.InbredSetCode + ' Publish')}}" />
      <small class="form-text text-muted">
        <p>An optional, short name for the dataset. <br />
          If this is not provided, it will default to the value provided for the
          <strong>Name</strong> field above.</p></small>
    </div>

    <div class="form-group">
      <input type="submit"
             class="btn btn-primary"
             value="create phenotype dataset"  />
    </div>

  </form>
</div>
{%endblock%}

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