{%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=="view-phenotype"%}
    class="breadcrumb-item active"
    {%else%}
    class="breadcrumb-item"
    {%endif%}>
  <a href="{{url_for('species.populations.phenotypes.view_phenotype',
           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">
  <div class="panel panel-default">
    <div class="panel-heading"><strong>Basic Phenotype Details</strong></div>

    <table class="table">
      <tbody>
        <tr>
          <td><strong>Phenotype</strong></td>
          <td>{{phenotype.Post_publication_description or phenotype.Pre_publication_abbreviation or phenotype.Original_description}}
        </tr>
        <tr>
          <td><strong>Cross-Reference ID</strong></td>
          <td>{{phenotype.xref_id}}</td>
        </tr>
        <tr>
          <td><strong>Collation</strong></td>
          <td>{{dataset.FullName}}</td>
        </tr>
      </tbody>
    </table>

    <form action="#edit-delete-phenotype"
          method="POST"
          id="frm-delete-phenotype">

          <input type="hidden" name="species_id" value="{{species.SpeciesId}}" />
          <input type="hidden" name="population_id" value="{{population.Id}}" />
          <input type="hidden" name="dataset_id" value="{{dataset.Id}}" />
          <input type="hidden" name="phenotype_id" value="{{phenotype.Id}}" />

          <div class="btn-group btn-group-justified">
            <div class="btn-group">
              {%if "group:resource:edit-resource" in privileges%}
                <input type="submit"
                       title="Edit the values for the phenotype. Do we actually want this?"
                       class="btn btn-primary not-implemented"
                       value="edit" />
                     {%endif%}
            </div>
            <div class="btn-group"></div>
            <div class="btn-group">
              {%if "group:resource:delete-resource" in privileges%}
                <input type="submit"
                       title="Delete the entire phenotype. Do we actually want this?"
                       class="btn btn-danger not-implemented"
                       value="delete" />
                     {%endif%}
            </div>
          </div>
    </form>
  </div>
</div>

<div class="row">
  <div class="panel panel-default">
    <div class="panel-heading"><strong>Phenotype Data</strong></div>
    {%if "group:resource:view-resource" in privileges%}
    <table class="table">
      <thead>
        <tr>
          <th>#</th>
          <th>Sample</th>
          <th>Value</th>
          <th>Symbol</th>
          <th>SE</th>
          <th>N</th>
        </tr>
      </thead>

      <tbody>
        {%for item in phenotype.data%}
        <tr>
          <td>{{loop.index}}</td>
          <td>{{item.StrainName}}</td>
          <td>{{item.value}}</td>
          <td>{{item.Symbol or "-"}}</td>
          <td>{{item.error or "-"}}</td>
          <td>{{item.count or "-"}}</td>
        </tr>
        {%endfor%}
      </tbody>
    </table>
    {%else%}
    <p class="text-danger">
      <span class="glyphicon glyphicon-exclamation-sign"></span>
      You do not currently have privileges to view this phenotype in greater
      detail.
    </p>
    {%endif%}
  </div>
</div>

{%endblock%}

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