{%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>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">
  <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. This is meant to be used when you need to update only a few values."
               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. 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"
               value="delete" />
        {%endif%}
      </div>
    </div>
  </form>
</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: {{has_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%}