{%extends "phenotypes/base.html"%}
{%from "flash_messages.html" import flash_all_messages%}
{%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=="edit-phenotype"%}
    class="breadcrumb-item active"
    {%else%}
    class="breadcrumb-item"
    {%endif%}>
  <a href="{{url_for('species.populations.phenotypes.edit_phenotype_data',
           species_id=species.SpeciesId,
           population_id=population.Id,
           dataset_id=dataset.Id,
           xref_id=xref_id)}}">View Datasets</a>
</li>
{%endblock%}

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

<div class="row">
  <h2 class="heading">edit phenotype data</h2>
  <p>The forms provided in this page help you update the data for the
    phenotypes, and the publication information for the phenotype,
    respectively.</p>
</div>

<div class="row">
  <h3 class="subheading">Basic metadata</h3>
  <form name="frm-phenotype-basic-metadata"
        class="form-horizontal"
        method="POST"
        action="{{url_for(
                'species.populations.phenotypes.edit_phenotype_data',
                species_id=species.SpeciesId,
                population_id=population.Id,
                dataset_id=dataset.Id,
                xref_id=xref_id)}}">
    <input type="hidden" name="phenotype-id" value="{{phenotype.Id}}" />
    <div class="form-group">
      <label for="txt-pre-publication-description"
             class="control-label col-sm-2">Pre-Publication Description</label>
      <div class="col-sm-10">
        <input type="text"
               id="txt-pre-publication-description"
               name="pre-publication-description"
               class="form-control"
               value="{{phenotype['Pre_publication_description'] or ''}}" />
      </div>
    </div>

    <div class="form-group">
      <label for="txt-pre-publication-abbreviation"
             class="control-label col-sm-2">Pre-Publication Abbreviation</label>
      <div class="col-sm-10">
        <input type="text"
               id="txt-pre-publication-abbreviation"
               name="pre-publication-abbreviation"
               class="form-control"
               value="{{phenotype['Pre_publication_abbreviation'] or ''}}" />
      </div>
    </div>

    <div class="form-group">
      <label for="txt-post-publication-description"
             class="control-label col-sm-2">Post-Publication Description</label>
      <div class="col-sm-10">
        <input type="text"
               id="txt-post-publication-description"
               name="post-publication-description"
               class="form-control"
               value="{{phenotype['Post_publication_description'] or ''}}" />
      </div>
    </div>

    <div class="form-group">
      <label for="txt-post-publication-abbreviation"
             class="control-label col-sm-2">Post-Publication Abbreviation</label>
      <div class="col-sm-10">
        <input type="text"
               id="txt-post-publication-abbreviation"
               name="post-publication-abbreviation"
               class="form-control"
               value="{{phenotype['Post_publication_abbreviation'] or ''}}" />
      </div>
    </div>

    <div class="form-group">
      <label for="txt-original-description"
             class="control-label col-sm-2">Original Description</label>
      <div class="col-sm-10">
        <input type="text"
               id="txt-original-description"
               name="original-description"
               class="form-control"
               value="{{phenotype['Original_description'] or ''}}" />
      </div>
    </div>

    <div class="form-group">
      <label for="txt-units"
             class="control-label col-sm-2">units</label>
      <div class="col-sm-10">
        <input type="text"
               id="txt-units"
               name="units"
               class="form-control"
               required="required"
               value="{{phenotype['Units']}}" />
      </div>
    </div>

    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <input type="submit"
               name="submit"
               class="btn btn-primary"
               value="update basic metadata">
      </div>
    </div>
  </form>
</div>


<div class="row">
  <h3 class="subheading">phenotype data</h3>
  <form id="frm-edit-phenotype-data"
        class="form-horizontal"
        method="POST"
        action="{{url_for(
                'species.populations.phenotypes.edit_phenotype_data',
                species_id=species.SpeciesId,
                population_id=population.Id,
                dataset_id=dataset.Id,
                xref_id=xref_id)}}">
    <div style="max-height: 23.37em;overflow-y: scroll;">
      <table class="table table-striped table-responsive table-form-table">
        <thead style="position: sticky; top: 0;">
          <tr>
            <th>#</th>
            <th>Sample</th>
            <th>Value</th>
            {%if population.Family in families_with_se_and_n%}
            <th>Standard-Error</th>
            <th>Number of Samples</th>
            {%endif%}
          </tr>
        </thead>

        <tbody>
          {%for item in phenotype.data%}
          <tr>
            <td>{{loop.index}}</td>
            <td>{{item.StrainName}}</td>
            <td>
              <input type="text"
                     name="value-new::{{item.DataId}}::{{item.StrainId}}"
                     value="{{item.value}}"
                     class="form-control" />
              <input type="hidden"
                     name="value-original::{{item.DataId}}::{{item.StrainId}}"
                     value="{{item.value}}" /></td>
            {%if population.Family in families_with_se_and_n%}
            <td>
              <input type="text"
                     name="se-new::{{item.DataId}}::{{item.StrainId}}"
                     value="{{item.error or ''}}"
                     data-original-value="{{item.error or ''}}"
                     class="form-control" />
              <input type="hidden"
                     name="se-original::{{item.DataId}}::{{item.StrainId}}"
                     value="{{item.error or ''}}" /></td>
            <td>
              <input type="text"
                     name="n-new::{{item.DataId}}::{{item.StrainId}}"
                     value="{{item.count or ''}}"
                     data-original-value="{{item.count or "-"}}"
                     class="form-control" />
              <input type="hidden"
                     name="n-original::{{item.DataId}}::{{item.StrainId}}"
                     value="{{item.count or ''}}" /></td>
            {%endif%}
          </tr>
          {%endfor%}
        </tbody>
      </table>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <input type="submit"
               name="submit"
               class="btn btn-primary"
               value="update data" />
      </div>
    </div>
  </form>
</div>

{%endblock%}

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