{% extends "layout.html" %}
{% from "overview/institute_sidebar.html" import institute_actionbar %}
{% from "clinvar/components.html" import action_modal, no_submissions_found, render_dict_array, submissions_filter, submission_panel, submit_modal, update_submission_status_form, variant_submission_table %}
{% from "clinvar/clinvar_howto.html" import clinvar_howto_modal %}
{% 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 oncogenicity submissions</span>
  </li>
{% endblock %}


{% macro submissions_macro(submissions) %}
<div class="container-float">
  <h3 class="mt-3">ClinVar Oncogenicity 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_onc_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) }}
        {% endif %}
      {% endfor %}
    {% endfor %}
    </div>
  {% else %}
    {{ no_submissions_found(filter_form) }}
  {% endif %}
</div>
<form id="pagination-form" method="post" action="{{ url_for('clinvar.clinvar_onc_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() }}

{% endblock %}