{%extends "populations/base.html"%}
{%from "flash_messages.html" import flash_all_messages%}
{%from "species/macro-select-species.html" import select_species_form%}

{%block title%}Create Population{%endblock%}

{%block pagetitle%}Create Population{%endblock%}

{%block lvl3_breadcrumbs%}
<li {%if activelink=="create-population"%}
    class="breadcrumb-item active"
    {%else%}
    class="breadcrumb-item"
    {%endif%}>
  <a href="{{url_for('species.populations.create_population',
           species_id=species.SpeciesId)}}">create population</a>
</li>
{%endblock%}


{%block contents%}
<div class="row">
  <p>The population is the next hierarchical node under Species. Data is grouped under a specific population, under a particular species.</p>
  <p>
    This page enables you to create a new population, in the case that you
    cannot find the population you want in the
    <a
      href="{{url_for('species.populations.list_species_populations',
            species_id=species.SpeciesId)}}"
      title="Population for species '{{species.FullName}}'.">
      list of species populations
    </a>
  </p>
</div>

<div class="row">
  <form method="POST"
        action="{{url_for('species.populations.create_population',
                species_id=species.SpeciesId)}}">

    <legend>Create Population</legend>

    {{flash_all_messages()}}

    <div {%if errors.population_fullname%}
         class="form-group has-error"
         {%else%}
         class="form-group"
         {%endif%}>
      <label for="txt-population-fullname" class="form-label">Full Name</label>
      {%if errors.population_fullname%}
      <small class="form-text text-danger">{{errors.population_fullname}}</small>
      {%endif%}
      <input type="text"
             id="txt-population-fullname"
             name="population_fullname"
             required="required"
             minLength="3"
             maxLength="100"
             value="{{error_values.population_fullname or ''}}"
             class="form-control" />
      <small class="form-text text-muted">
        <p>
          This is a descriptive name for your population &mdash; useful for
          humans.
        </p>
      </small>
    </div>

    <div {%if errors.population_name%}
         class="form-group has-error"
         {%else%}
         class="form-group"
         {%endif%}>
      <label for="txt-population-name" class="form-label">Name</label>
      {%if errors.population_name%}
      <small class="form-text text-danger">{{errors.population_name}}</small>
      {%endif%}
      <input type="text"
             id="txt-population-name"
             name="population_name"
             required="required"
             minLength="3"
             maxLength="30"
             value="{{error_values.population_name or ''}}"
             class="form-control" />
      <small class="form-text text-muted">
        <p>
          This is a short representative, but constrained name for your
          population.
        </p>
        <p>
          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 {%if errors.population_description%}
         class="form-group has-error"
         {%else%}
         class="form-group"
         {%endif%}>
      <label for="txt-population-description" class="form-label">
        Description
      </label>
      {%if errors.population_description%}
      <small class="form-text text-danger">{{errors.population_description}}</small>
      {%endif%}
      <textarea
        id="txt-population-description"
        name="population_description"
        required="required"
        class="form-control"
        rows="5">{{error_values.population_description or ''}}</textarea>
      <small class="form-text text-muted">
        <p>
          This is a more detailed description for your population. This is
          useful to communicate with other researchers some details regarding
          your population, and what its about.
        </p>
        <p>
          Put, here, anything that describes your population but does not go
          cleanly under metadata.
        </p>
      </small>
    </div>

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

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

{%block sidebarcontents%}
<p>&hellip; maybe provide species details here, perhaps? &hellip;</p>
{%endblock%}