{% extends "layout.html" %}

{% block title %}
  {{ super() }} - {{ institute.display_name }} - Cases
{% endblock %}

{% block top_nav %}
  {{ super() }}

  <li>
    <a href="{{ url_for('cases.index') }}">Institutes</a>
  </li>
  <li class="active">
    <span class="navbar-text">{{ institute.display_name }}</span>
  </li>
  {% if config.SHOW_CAUSATIVES %}
    <li>
      <a href="{{ url_for('cases.causatives', institute_id=institute._id) }}">Causatives</a>
    </li>
   {% endif %}
{% endblock %}

{% block content_main %}
  <div class="panel panel-default">
    <div class="panel-body">
      {{ search_form() }}
    </div>
    <div class="panel-footer text-center">
      Showing {{ limit if limit < found_cases else found_cases }} /  {{ found_cases }} cases
    </div>
  </div>

  {% for group_name, case_group in cases %}
    {% if case_group|length > 0 %}
      <div class="table-responsive">{{ cases_table(group_name, case_group) }}</div>
    {% endif %}
  {% endfor %}
{% endblock %}

{% macro search_form() %}
  <form action="{{ url_for('cases.cases', institute_id=institute._id) }}" method="GET" accept-charset="utf-8">
    <div class="row">
      <div class="col-md-6 col-xs-6">
        <div class="input-group">
          <span class="input-group-addon">
            <span class="glyphicon glyphicon-search"></span>
          </span>
          <input type="search" class="form-control" value="{{ query if query }}" name="query" placeholder="search cases"></input>
        </div>
      </div>
      <div class="col-md-2 col-xs-2">
        <button type="submit" class="form-control">Search</input>
      </div>
      <div class="col-md-2 col-xs-2">
        <div class="number">
          <label>
              <input name="limit" type="number" step="100" class="form-control" placeholder="Limit" value={{limit}}>
          </label>
        </div>
      </div>
      <div class="col-md-2 col-xs-2">
        <div class="checkbox">
          <label>
            <input type="checkbox" name="skip_assigned" {% if skip_assigned %}checked{% endif %}> Hide assigned
          </label>
        </div>
      </div>
    </div>
  </form>
{% endmacro %}

{% macro cases_table(group_name, cases) %}
  <table class="table table-hover table-special">
    <thead>
      <tr>
        <th class="col-xs-2">{{ group_name|capitalize }} cases</th>
        <th class="col-xs-2">Status</th>
        <th class="col-xs-2">Analysis date</th>
        <th class="col-xs-2">Link</th>
        <th class="col-xs-2">Sequencing</th>
        <th class="col-xs-2">Clinvar submission</th>
      </tr>
    </thead>
    <tbody>
      {% for case in cases %}
        {{ case_row(case) }}
      {% else %}
        <tr>
          <td colspan="5">No cases found.</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endmacro %}

{% macro case_row(case) %}
  <tr {% if case.status == 'solved' %} class="bg-success" {% endif %}>
    <td>
      <a href="{{ url_for('cases.case', institute_id=case.owner, case_name=case.display_name) }}">
        {{ case.display_name }}
      </a>
      {% if case.individuals|length > 1 %}
        <span class="label label-info">
          {% for item in case.individuals %}
            <span class="small glyphicon glyphicon-user"></span>
          {% endfor %}
        </span>
      {% endif %}
      {% for user in case.assignees %}
        <span class="badge pull-right">{{ user.name }}</span>
      {% endfor %}
    </td>
    <td>
      <span class="label label-info">{{ case.status }}</span>
      {% if case.is_migrated %}
        <span class="label label-info">migrated</span>
      {% endif %}
    </td>
    <td>
      {{ case.analysis_date.date() }}
      {% if case.is_rerun %}
        <span class="badge pull-right">rerun</span>
      {% endif %}
    </td>
    <td>
      {% if case.is_research %}
        {% if case.vcf_files.vcf_snv %}
          <a href="{{ url_for('variants.variants', institute_id=case.owner, case_name=case.display_name, variant_type='research') }}">Research SNV and INDELs</a>
        {% elif case.vcf_files.vcf_cancer %}
          <a href="{{ url_for('variants.cancer_variants', institute_id=case.owner, case_name=case.display_name, variant_type='research') }}">Clinical cancer variants</a>
        {% endif %}
      {% else %}
        {% if case.vcf_files.vcf_snv %}
          <a href="{{ url_for('variants.variants', institute_id=case.owner, case_name=case.display_name, variant_type='clinical', gene_panels=case.panels|selectattr('is_default')|map(attribute='panel_name')|list) }}">Clinical SNV and INDELs</a>
        {% elif case.vcf_files.vcf_cancer %}
          <a href="{{ url_for('variants.cancer_variants', institute_id=case.owner, case_name=case.display_name, variant_type='clinical') }}">Clinical cancer variants</a>
        {% endif %}
      {% endif %}
    </td>
    <td>
      {% for analysis_type in case.analysis_types %}
        {% if analysis_type == 'wgs' %}
          {% set label_class = 'primary' %}
        {% elif analysis_type == 'wes' %}
          {% set label_class = 'warning' %}
        {% elif analysis_type == 'tga' %}
          {% set label_class = 'info' %}
        {% else %}
          {% set label_class = 'default' %}
        {% endif %}

        <span class="label label-{{ label_class }}">
          {{ analysis_type|upper }}
        </span>
      {% endfor %}
    </td>
    <td>
      {% if case.clinvar_id %}
      <span class="label label-info">created</span>
      {%endif%}
    </td>
  </tr>
{% endmacro %}

{% block scripts %}
  {{ super() }}

  <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-table-headers/0.1.19/js/jquery.stickytableheaders.min.js"></script>
  <script>
    $(function () {
      $('table').stickyTableHeaders({
        fixedOffset: $(".navbar-fixed-top")
      });
    })
  </script>
{% endblock %}