{%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 Phenotype</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>Database</strong></td>
          <td>{{dataset.FullName}}</td>
        </tr>
        <tr>
          <td><strong>Units</strong></td>
          <td>{{phenotype.Units}}</td>
        </tr>
        {%for key,value in publish_data.items()%}
        <tr>
          <td><strong>{{key}}</strong></td>
          <td>{{value}}</td>
        </tr>
        {%else%}
        <tr>
          <td colspan="2" class="text-muted">
            <span class="glyphicon glyphicon-exclamation-sign"></span>
            No publication data found.
          </td>
        </tr>
        {%endfor%}
      </tbody>
    </table>
  </div>
</div>

{%if "group:resource:edit-resource" in privileges
or "group:resource:delete-resource" in privileges%}
<div class="row">
  <div class="btn-group btn-group-justified">
    <div class="btn-group">
      {%if "group:resource:edit-resource" in privileges%}
      <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)}}"
         title="Edit the values for the phenotype. This is meant to be used when you need to update only a few values."
         class="btn btn-primary">Edit</a>
      {%endif%}
    </div>
    <div class="btn-group"></div>
    <div class="btn-group">
      {%if "group:resource:delete-resource" in privileges%}
      <a href="#"
         title="Delete the entire phenotype. This is useful when you need to change data for most or all of the fields for this phenotype."
         class="btn btn-danger not-implemented"
         disabled="disabled">delete</a>
      {%endif%}
    </div>
  </div>
</div>
{%endif%}

<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>
          {%if has_se%}
          <th>SE</th>
          <th>N</th>
          {%endif%}
        </tr>
      </thead>

      <tbody>
        {%for item in phenotype.data%}
        <tr>
          <td>{{loop.index}}</td>
          <td>{{item.StrainName}}</td>
          <td>{{item.value}}</td>
          {%if has_se%}
          <td>{{item.error or "-"}}</td>
          <td>{{item.count or "-"}}</td>
          {%endif%}
        </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%}