{% extends "layout.html" %}
{% from "overview/institute_sidebar.html" import institute_actionbar %}
{% from "clinvar/clinvar_howto.html" import clinvar_howto_modal %}
{% from "clinvar/components.html" import action_modal, no_submissions_found, render_dict_array, submissions_filter, submission_panel, submit_modal, variant_submission_table, update_submission_status_form %}
{% from "variants/utils.html" import pagination_hidden_div, pagination_footer, current_page_anchor %}

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

{% block top_nav %}
  {{ super() }}
  <li class="nav-item">
    <a class="nav-link" href="{{ url_for('cases.index') }}">Institutes</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="{{ url_for('overview.cases', institute_id=institute._id) }}">{{ institute.display_name }}</a>
  </li>
  <li class="nav-item active d-flex align-items-center">
    <span class="navbar-text">Clinvar germline submissions</span>
  </li>
{% endblock %}


{% macro submissions_macro(submissions) %}
<div class="container-float">
  <h3 class="mt-3">ClinVar germline submissions</h3><a data-bs-target="#howto" href="#" data-bs-toggle="modal">howto</a><br>
  <!-- Modal -->
  {{ clinvar_howto_modal() }}
  <!-- Modal end -->
  <br>
  {{ submissions_filter(action_url=url_for('clinvar.clinvar_germline_submissions', institute_id=institute._id), filter_form=filter_form) }}

  {% if submissions %}

    <div style="overflow-y: auto; height: 1000px;">
    {% for status in ['open', 'closed', 'submitted'] %}
      {% for submission in submissions|sort(attribute='status') %}
        {% if submission.status==status %}
          {{ submission_panel(submission, institute, show_submit, variant_header_fields, casedata_header_fields, page, open_submission) }}
        {% endif %}
      {% endfor %}
    {% endfor %}
    </div>
  {% else %}
    {{ no_submissions_found(filter_form) }}
  {% endif %}
</div>
<form id="pagination-form" method="post" action="{{ url_for('clinvar.clinvar_germline_submissions', institute_id=institute._id) }}">
  {{ pagination_hidden_div(page, result_size, per_page) }}
  {{ pagination_footer(page, result_size, per_page) }}
</form>
{% endmacro %}

{% block content_main %}
<div class="container-float">
  <div class="row" id="body-row"> <!--sidebar and main container are on the same row-->
    {{ institute_actionbar(institute, "shared") }} <!-- This is the sidebar -->
  <div class="col">
    {{ submissions_macro(submissions) }}
  </div>
  </div> <!-- end of div id body-row -->
</div>
{% endblock %}

{% block scripts %}
  {{ super() }}
  <script type="text/javascript">

  // Enable tooltips
  var tooltipTriggerList = Array.prototype.slice.call(
    document.querySelectorAll('[data-bs-toggle="tooltip"]')
  )
  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl)
  })

</script>
{% endblock %}