{% macro format_key(key) %}
    {% set ns = namespace(text='') %}
    {% for char in key %}
        {% if char.isupper() %}
            {% set ns.text = ns.text ~ ' ' ~ char.lower() %}
        {% else %}
            {% set ns.text = ns.text ~ char %}
        {% endif %}
    {% endfor %}
    {{ ns.text | trim | capitalize }}
{% endmacro %}

{% macro render_value(value) %}
    {% if value is mapping %}
        {% for key, nested_value in value.items() %}
            <div class="ms-3">
                <strong>{{ format_key(key) }}</strong>: {{ render_value(nested_value) }}
            </div>
        {% endfor %}
    {% elif value is iterable and value is not string %}
        {% for item in value %}
            {{ render_value(item) }}{% if not loop.last %}, {% endif %}
        {% endfor %}
    {% else %}
        {{ value }}
    {% endif %}
{% endmacro %}

{% macro render_dict_array(list_of_dicts) %}
    {% for item in list_of_dicts %}
        {% for key, value in item.items() %}
            <strong>{{ format_key(key) }}</strong>:
            {{ render_value(value) }}
            <br>
        {% endfor %}
    {% endfor %}
    {% if list_of_dicts|length > 1 %}<br>{% endif %}
{% endmacro %}


{% macro current_page_anchor(page, open_submission=None) %}
  <input type="hidden" id="page" name="page" value="{{ page }}">
  {% if open_submission %}
    <input type="hidden" id="open_submission" name="open_submission" value="{{ open_submission }}">
  {% endif %}
{% endmacro %}

{% macro submissions_filter(action_url, filter_form) %}
<div class="mb-2">
    <form id="search-form" class="d-flex gap-2 align-items-start" action={{action_url}}>
      {{ filter_form.clinvar_id_filter.label(class="visually-hidden") }}
      {{ filter_form.clinvar_id_filter(
          class="form-control",
          placeholder="Enter ClinVar submission ID…",
          style="max-width: 250px;"
      ) }}

      {{ filter_form.gene_symbol.label(class="visually-hidden") }}
      {{ filter_form.gene_symbol(
        class="form-control",
        placeholder="Enter gene symbol…",
        style="max-width: 200px;"
      ) }}

      {{ filter_form.submit(class="btn btn-primary") }}

      <a href="{{ action_url }}" class="btn btn-secondary text-white">Show All</a>
    </form>
</div>
{% endmacro %}

{% macro submission_panel(subm_obj, institute, show_submit, variant_header_fields, casedata_header_fields, page, open_submission) %}
<div class="accordion accordion-flush" id="accordionFlushSubmissions">
  <div class="accordion-item">
    <h2 class="accordion-header" id="header-{{subm_obj._id}}">
      <a class="accordion-button {% if open_submission == subm_obj._id|string %}{% else %}collapsed{% endif %} {% if subm_obj.status=='open' %} link-primary {% elif subm_obj.status=='submitted' %} link-success {% else %} link-secondary {% endif%}" type="button" data-bs-toggle="collapse" data-bs-target="#flush-{{subm_obj._id}}" aria-expanded="{{ 'true' if open_submission == subm_obj._id|string else 'false' }}" aria-controls="flush-{{subm_obj._id}}" style="text-decoration: none;">
        Submission&nbsp;
        <strong>{{subm_obj.clinvar_subm_id if subm_obj.clinvar_subm_id else subm_obj._id }} - ({{subm_obj.status|upper}})</strong>
        &nbsp;/&nbsp;Created {% if subm_obj.created_by %}
        &nbsp;by&nbsp;<strong>{{subm_obj.created_by}}</strong>{% endif %}
        &nbsp;on&nbsp;<strong>{{subm_obj.created_at.strftime('%Y-%m-%d')}}</strong>
        &nbsp;/&nbsp;Last updated:&nbsp;<strong>{{subm_obj.updated_at.strftime('%d-%m-%Y, %T')}}</strong>
        {% if subm_obj.deprecated_at %}
          <span class="badge bg-danger text-white position-absolute end-0 me-5" data-bs-toggle="tooltip" data-bs-placement="top" title="The data contained in this submission can be viewed but cannot be submitted to ClinVar because the current ClinVar API does not support the old format.">
            Deprecated
          </span>
        {% endif %}
      </a>
    </h2>
    <div id="flush-{{subm_obj._id}}" class="accordion-collapse collapse {% if open_submission == subm_obj._id|string %}show{% endif %}" aria-labelledby="header-{{subm_obj._id}}" data-bs-parent="#accordionFlushSubmissions">
      <div class="accordion-body">
        <div class="row">
          {{ update_submission_status_form(institute, subm_obj) }}
        </div>
        <div class="row">
          <table>
            <caption></caption>
            <tr><th></th></tr>
            <tr>
              <form id="updateName_{{subm_obj._id}}" action="{{ url_for('clinvar.clinvar_update_submission', institute_id=institute._id, submission=subm_obj._id) }}" method="POST">
              <td style="width: 10%"><label for="clinvar_id">Submission ID</label></td>
              <td style="width: 25%"> <input type="text" class="form-control" name="clinvar_id" id="clinvar_id" pattern="SUB[0-9]+" placeholder="ex: SUB1234567" value="{{ subm_obj.clinvar_subm_id or ""}}"></td>
              <td style="width: 20%"><button type="submit" class="btn btn-sm btn-primary form-control" name="update_submission" value="register_id">Update ID manually</button></td>
                {{ current_page_anchor(page, subm_obj._id) }}
              </form>
              {% if subm_obj.status == 'open' and show_submit  %}
                <form id="useApi_{{subm_obj._id}}" action="{{ url_for('clinvar.send_api_submission', institute_id=institute._id, submission=subm_obj._id, subm_type=subm_obj.type) }}" method="POST">
                {{ submit_modal(institute) }}
                  <td style="width: 20%"><button type="button" class="btn btn-sm btn-success form-control" name="update_submission" value="api_submit" data-bs-toggle="modal" data-bs-target="#submitModal">Submit to ClinVar {{clinvar_env}}</button></td>
                  {{ current_page_anchor(page, subm_obj._id) }}
                </form>
              {% endif %}
              {% if subm_obj.status == 'submitted' %} <!--Submission status query -->
                 <form id="statusApi_{{subm_obj._id}}" action="{{ url_for('clinvar.clinvar_submission_status', submission_id=subm_obj.clinvar_subm_id) }}" method="POST">
                   {{ action_modal("status", institute, subm_obj._id) }}
                   <td style="width: 20%"><button type="button" class="btn btn-sm btn-secondary form-control" name="status_enquiry" value="api_status" data-bs-toggle="modal" data-bs-target="#statusModal_{{subm_obj._id}}">Submission status enquiry</button></td>
                   {{ current_page_anchor(page, subm_obj._id) }}
                 </form>
              {% endif %}
            </tr>
          </table>
        </div>
        <div>
          {% if subm_obj.germlineSubmission and subm_obj.germlineSubmission | length > 0 %}
            {{ variant_submission_table(subm_obj, "germline") }}
          {% elif subm_obj.oncogenicitySubmission and subm_obj.oncogenicitySubmission | length > 0 %}
            {{ variant_submission_table(subm_obj, "oncogenicity") }}
          {% elif not subm_obj.type and subm_obj.variant_data %} <!-- Deprecated submission type -->
            {{ deprecated_submission_table(institute, subm_obj, variant_header_fields, casedata_header_fields) }}
          {% else %}
            <p>This submission has no variants yet.</p>
          {% endif %}
        </div> <!--variant data div end -->
      </div>
    </div>
  </div>
</div>
{% endmacro %}

{% macro update_submission_status_form(institute, subm_obj) %}
<form id="updateStatus_{{subm_obj._id}}" action="{{ url_for('clinvar.clinvar_update_submission', institute_id=institute._id, submission=subm_obj._id) }}" method="POST">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb align-items-center">
      <li class="breadcrumb-item" data-bs-toggle="tooltip" title="Functionality is disabled for deprecated submissions">
        <a
          id="download_clinvar_json"
          {% if subm_obj.type %}
            href="{{ url_for('clinvar.download_submission_json', submission=subm_obj._id, subm_type=subm_obj.type) }}"
            class="btn btn-primary btn-xs text-white"
            target="_blank"
            rel="noopener"
          {% else %}
            href="#"
            class="btn btn-primary btn-xs text-white disabled"
            tabindex="-1"
            aria-disabled="true"
          {% endif %}
        >
          View as json file
        </a>
      </li>
      {% if subm_obj.status=='open'%}
        <li class="breadcrumb-item"><button type="submit" name="update_submission" value="closed" class="btn btn-warning btn-xs">Close submission</button></li>
      {% else %}
        <li class="breadcrumb-item"><button type="submit" name="update_submission" value="open" class="btn btn-primary btn-xs" {% if not subm_obj.type %}disabled{% endif %}>Re-open submission</button></li>
      {% endif %}
      {% if subm_obj.status != 'submitted' %}
        <li class="breadcrumb-item"><button type="submit" name="update_submission" value="submitted" class="btn btn-success btn-xs">Mark as submitted</button></li>
      {% elif not subm_obj.type %}
        <li class="breadcrumb-item"><button type="submit" name="update_submission" value="closed" class="btn btn-secondary btn-xs">Reset submitted</button></li>
      {% endif %}
        <li class="breadcrumb-item"><button type="submit" name="update_submission" value="delete" class="btn btn-danger btn-xs">Delete submission from Scout</button></li>
    </ol>
  </nav>
  {{ current_page_anchor(page) }}
</form>
{% endmacro %}


{% macro hgvs_choices(tx_hgvs)%}
<!-- Transcripts & HGVS:(optional) -->
{{ tx_hgvs.label(class="fw-bold, text-dark") }}

<span class="text-danger" data-bs-toggle='tooltip' title="If you do not provide any HGVS expression, chromosome coordinates will be used to describe this variant instead (automatic). HGVS expressions were validated using VariantValidator"><strong>?</strong></span>
<span class="badge bg-primary float-end"><a class="text-white" href="https://variantvalidator.org/service/validate/" target="_blank" rel="noopener">VariantValidator</a></span>
<br><br>

<table style="width:100%; table-layout: auto; border-collapse: collapse;">
  <caption></caption>
  <tr><th></th></tr>
  {% for item_row in tx_hgvs | batch(3) %}
    <tr>
    {% for item in item_row %}
      {% set ns = namespace(label='', validated=false, mane_select=false, mane_plus_clinical=false) %}
      {% if "_validated_" in item.label.text %}
        {% set ns.validated = true %}
      {% endif %}
      {% if "_mane-select_" in item.label.text %}
        {% set ns.mane_select = true %}
      {% endif %}
      {% if "_mane-plus-clinical_" in item.label.text %}
         {% set ns.mane_plus_clinical = true %}
      {% endif %}

      {% set ns.label = item.label.text | replace("_validated_", "") | replace("_mane-select_", "")  %}

      <td style="width: 3%; text-align: right; vertical-align: baseline;">
        <input type="radio" name="tx_hgvs" value="{{ ns.label }}"
          {% if ns.mane_select %}checked{% endif %}>
      </td>

      <td style="width: 30%; text-align: left; ">
        <p class="text-dark"
        {% if ns.label|length > 50 %}
         data-bs-toggle="tooltip" title="{{ns.label}}">{{ ns.label|truncate(25,true,'..') }}
        {% else %}
          >{{ ns.label }}
        {% endif %}
        {% if ns.mane_select %}
          <span class='badge bg-dark'>MANE SELECT</span>
        {% endif %}
        {% if ns.mane_plus_clinical %}
          <span class='badge bg-dark'>MANE PLUS CLINICAL</span>
        {% endif %}
        {% if ns.validated %}
          <em class="fa fa-check text-success" aria-hidden="true" data-bs-toggle="tooltip" title="Verified by VariantValidator"></em>
        {% endif %}
        </p>
      </td>
    {% endfor %}
    </tr>
  {% endfor %}
</table>
{% endmacro %}

{% macro condition_identifiers(var_form) %}
<div class="row">
  <div class="col-6" id="clinvar_condition_container">
    {{ var_form.condition_type.label(class="fw-bold text-dark") }}
    <span class="text-danger" data-bs-toggle="tooltip" title="Required field.">
      <strong>*</strong>
    </span>

    {{ var_form.condition_type(
        id="condition_type",
        class="form-control btn-secondary"
    ) }}

    <br><br>

    {{ var_form.conditions.label(class="fw-bold text-dark") }}
    <span
      class="text-danger"
      data-bs-toggle="tooltip"
      title="Required field. Do not mix IDs from different database types (e.g. MedGen and OMIM).
      Prefer MedGen or OMIM disease terms over HPO terms, as HPO terms generally describe patient-level phenotypes, whereas variant classifications should describe the variant’s association with a disease.
      If multiple conditions are submitted for a variant, this indicates that the variant was interpreted for the combination of conditions in the same individual(s) (e.g. the variant causes both condition A and condition B).
      This is most commonly used for a new disease or syndrome that does not yet have a name and is described by several clinical features."
    >
      <strong>*?</strong>
    </span>

    {{ var_form.conditions( id="condition_tags", class="select2", multiple=true, style="width:100%;") }}

    <div class="mt-3">
      {{ var_form.multiple_condition_explanation.label(class="fw-bold text-dark") }}
      <span
        class="text-danger"
        data-bs-toggle="tooltip"
        title="Required if you provide more than one condition ID."
      >
        <strong>?</strong>
      </span>

      {{ var_form.multiple_condition_explanation( id="multiple_condition_explanation", class="form-control btn-secondary", style="width:100%;") }}

    </div>
  </div>

  <div class="col-6">
    {{ var_form.omim_terms.label(class="fw-bold text-dark") }}<br>
    <ul class="list-group">
      {% for term in var_form.omim_terms %}
        <li class="list-group-item">{{ term.label }}</li>
      {% else %}
        <span class="text-dark">N/A</span>
      {% endfor %}
    </ul>

    <br><br>

    {{ var_form.orpha_terms.label(class="fw-bold text-dark") }}<br>
    <ul class="list-group">
      {% for term in var_form.orpha_terms %}
        <li class="list-group-item">{{ term.label }}</li>
      {% else %}
        <span class="text-dark">N/A</span>
      {% endfor %}
    </ul>

    <br><br>

    {{ var_form.hpo_terms.label(class="fw-bold text-dark") }}<br>
    <ul class="list-group">
      {% for term in var_form.hpo_terms %}
        <li class="list-group-item bg-white">{{ term.label(class="fw-bold text-dark") }}</li>
      {% else %}
        <span class="text-dark">N/A</span>
      {% endfor %}
    </ul>
  </div>
</div>
{% endmacro %}

{% macro observations(cdata_forms, var_type) %}
<ul class="list-group">
  {% for cdata in cdata_forms %}
    {{ cdata.linking_id() }} {# Hidden field #}
    <li class="list-group-item bg-white">
      <div class="row align-items-start">
        <div class="col-md-2 mb-3">
          <label class="form-label fw-bold text-dark d-block">{{ cdata.include_ind.label.text }}</label>
          <div class="form-check pt-1">
            {{ cdata.include_ind(class="form-check-input", id="include_ind_" ~ loop.index) }}
          </div>
        </div>
        <div class="col-md-2 mb-3">
          <label class="form-label fw-bold text-dark">{{ cdata.individual_id.label.text }}</label>
          {{ cdata.individual_id(class="form-control bg-white", readonly=true) }}
        </div>
        <div class="col-md-2 mb-3">
          <label class="form-label fw-bold text-dark">{{ cdata.affected_status.label.text }}</label>
          {{ cdata.affected_status(class="form-control, btn-secondary") }}
        </div>
        <div class="col-md-2 mb-3">
          <label class="form-label fw-bold text-dark">{{ cdata.allele_of_origin.label.text }}</label>
          {{ cdata.allele_of_origin(class="form-control, btn-secondary") }}
        </div>
        <div class="col-md-2 mb-3">
          <label class="form-label fw-bold text-dark">{{ cdata.collection_method.label.text }}</label>
          {{ cdata.collection_method(class="form-control, btn-secondary") }}
        </div>
      </div>

      {% if var_type == "cancer" %}
      <div class="row align-items-start">
        <div class="col-md-2 offset-md-6 mb-3">
          <label class="form-label fw-bold text-dark">{{ cdata.somatic_allele_fraction.label.text }}</label>
          {{ cdata.somatic_allele_fraction(class="form-control, btn-secondary") }}
        </div>
        <div class="col-md-2 mb-3">
          <label class="form-label fw-bold text-dark">{{ cdata.somatic_allele_in_normal.label.text }}</label>
          {{ cdata.somatic_allele_in_normal(class="form-control, btn-secondary") }}
        </div>
      </div>
      {% endif %}
    </li>
  {% endfor %}
</ul>
{% endmacro %}

{% macro variant_submission_table(subm_obj, subm_type) %}
<table class="table table-striped">
  <caption></caption>
  <thead>
    <tr>
      <th>Case</th>
      <th>Variant</th>
      <th>Classification</th>
      <th>Last evaluated</th>
      <th>Comment</th>
      <th>Citation</th>
      <th>Variant</th>
      <th>Associated conditions</th>
      <th>Observations</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for var in subm_obj.get(subm_type + 'Submission', []) %}
      <tr>
        <td>
          <a href="{{ url_for('cases.case', institute_id=var.institute_id, case_name=var.case_name) }}" target="_blank">
            {{ var.case_name }}
          </a>
        </td>
        <td>
          <a href="{{ url_for('variant.variant', institute_id=var.institute_id, case_name=var.case_name, variant_id=var.variant_id) }}" target="_blank">
            <span class="fa fa-link">
          </a>
        </td>

        {# Safe dictionary access #}
        {% set cls = var.get(subm_type + 'Classification', {}) %}
        {% set desc = cls.get(subm_type + 'ClassificationDescription', '') %}

        <td>{{ desc }}</td>
        <td>{{ cls.get('dateLastEvaluated', '') }}</td>
        <td>{{ cls.get('comment', '') }}</td>
        <td>{{ render_dict_array(cls.get('citation', [])) }}</td>

        <td>{{ render_dict_array(var.get('variantSet', {}).get('variant', [])) }}</td>
        <td>{{ render_dict_array(var.get('conditionSet', {}).get('condition', [])) }}</td>
        <td>{{ render_dict_array(var.get('observedIn', [])) }}</td>

        <td>
          <form id="delete_var_item_{{ subm_obj._id }}_{{ var.variant_id }}"
                action="{{ url_for('clinvar.clinvar_delete_variant', submission_id=subm_obj._id, submission_type=subm_type) }}"
                method="POST">
            <button type="submit" name="delete_object" value="{{ var.variant_id }}" class="btn btn-danger btn-xs">
              <span class="fa fa-trash" aria-hidden="true"></span>
            </button>
          </form>
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
{% endmacro %}

{% macro case_link(institute_id, case_name) %}
{% if "N/A" in case_name %}
  {{ case_name }}
{% else %}
  <a href="{{ url_for('cases.case', institute_id=institute_id, case_name=case_name) }}" target="_blank">{{case_name}}</a>
{% endif %}
{% endmacro %}

{% macro deprecated_submission_table(institute, subm_obj, variant_header_fields, casedata_header_fields) %}
<table class="table table-striped">
  <caption></caption>
  <thead>
    <tr>
      <th></th>
      <th>Variant</th>
      <th>Type</th>
      <th>Case</th>
      <th>Refseq</th>
      <th>Gene</th>
      <th>HGVS</th>
      <th>Classification</th>
      <th>Added by</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% set var_key_name = {} %}

    {% for subm_variant in subm_obj.variant_data  %} <!-- loop over the submitted variants-->
      {% set case_name = subm_obj.cases[subm_variant.case_id] %}
      <tr>
        <td>{{loop.index}}</td>
          {% if subm_variant.category == 'sv' or subm_variant.breakpoint1 %}
            {% do var_key_name.update( {subm_variant.local_id : '_'.join([subm_variant.var_type, subm_variant.chromosome, subm_variant.breakpoint1 or subm_variant.outer_start or ""]) }) %}
            <td>
              {% if "N/A" not in case_name %}
                <a href="{{ url_for('variant.sv_variant', institute_id=institute._id, case_name=case_name, variant_id=subm_variant.local_id) }}" target="_blank" rel="noopener"><strong>{{var_key_name[subm_variant.local_id]|truncate(25,true,'..')}}</strong></a>
              {% else %}
                {{ var_key_name[subm_variant.local_id]|truncate(25,true,'..') }} (N/A)
              {% endif %}
            </td>
            <td><div class="badge bg-warning">SV</div></td>
          {% else %} <!-- SNV -->
            {% if subm_variant.ref_seq and subm_variant.hgvs %}
              {% do var_key_name.update( {subm_variant.local_id : '_'.join([subm_variant.ref_seq, subm_variant.hgvs])} ) %}
            {% else %}
              {% do var_key_name.update({subm_variant.local_id : '_'.join([subm_variant.chromosome, subm_variant.start, subm_variant.ref[0:5], subm_variant.alt[0:5]]) }) %}
            {% endif %}
            <td>
              {% if "N/A" not in case_name %}
                <a href="{{ url_for('variant.variant', institute_id=institute._id, case_name=case_name, variant_id=subm_variant.local_id) }}" target="_blank" rel="noopener"><strong>{{var_key_name[subm_variant.local_id]|truncate(25,true,'..')}}</strong></a>
              {% else %}
                {{ var_key_name[subm_variant.local_id]|truncate(25,true,'..') }} (N/A)
              {% endif %}
            </td>
            <td><div class="badge bg-success">SNV</div></td>
          {% endif %}
        </td>
        <td>{{ case_link(institute_id=institute._id, case_name=case_name) }}</td>
        <td>{{subm_variant.ref_seq or '-'}}</td>
        <td>{{subm_variant.gene_symbol or '-'}}</td>
        <td>{{subm_variant.hgvs|truncate(100,true,'..') or '-'}}</td>
        <td>{{subm_variant.clinsig}}</td>
        <td>{{subm_variant.added_by or "N/A"}}</td>
        <td>
          <form id="delete_variant_{{subm_variant._id}}" action="{{ url_for('clinvar.clinvar_delete_object', submission=subm_obj._id, object_type='variant_data') }}" method="POST">
            <button type="submit" name="delete_object" value="{{subm_variant._id}}" class="btn btn-danger btn-xs"><span class="fa fa-trash" aria-hidden="true"></span></button>
            {{ current_page_anchor(page) }}
          </form>
        </td>
      </tr>
      <tr>
        <td colspan=11>
          <div class="vardata">
            <div id="vardiv{{subm_variant._id}}" class="panel-body" style="display:none;">
                <ul class="list-group">
                {% for key, value in variant_header_fields.items() %}
                  {% if subm_variant[key]%}
                    <li class="list-group-item">{{ value }}: <strong>{{ subm_variant[key]}}</strong></li>
                    {% endif %}
                {% endfor %}
                </ul>
            </div>
          </div>
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
{% if subm_obj.case_data and subm_obj.case_data | length > 0 %}
<table class="table table-striped">
  <caption></caption>
  <thead>
    <tr>
      <th></th>
      <th>Individual</th>
      <th>Case</th>
      <th>Variant</th>
      <th>Allele origin</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for case in subm_obj.case_data %}
      <tr>
        <td>{{loop.index}}</td>
        <td>{{case.individual_id}}</td>
        <td>{{ case_link(institute_id=institute._id, case_name=subm_obj.cases[case.case_id]) }}</td>
        <td>{{var_key_name[case.linking_id]|truncate(100,true,'..')}}</td>
        <td>{{case.allele_origin}}</td>
        <td>
          <form id="delete_casedata_{{case._id}}" action="{{ url_for('clinvar.clinvar_delete_object', submission=subm_obj._id, object_type='case_data') }}" method="POST">
            <button type="submit" name="delete_object" value="{{case._id}}" class="btn btn-danger btn-xs"><span class="fa fa-trash" aria-hidden="true"></span></button>
            {{ current_page_anchor(page) }}
          </form>
        </td>
      </tr>
      <tr>
        <td colspan=8>
          <div id="cddiv{{case._id}}" class="panel-body" style="display:none;">
            <ul class="list-group">
            {% for key, value in casedata_header_fields.items() %}
              {% if case[key]%}
                <li class="list-group-item">{{ value }}: <strong>{{ case[key] }}</strong></li>
              {% endif %}
            {% endfor %}
            </ul>
          </div>
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p>No case data provided for the above variants</p>
{% endif %}
{% endmacro %}


{% macro action_modal(action_type, institute, subm_id) %}
<div class="modal fade" id="{{action_type}}Modal_{{subm_id}}" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Submission {{action_type}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <label for="apiKey">Submitter's <a href="https://www.ncbi.nlm.nih.gov/clinvar/docs/api_http/" target="_blank" rel="noopener">API key</a></label>
        <input type="password" class="form-control" name="apiKey" id="apiKey" placeholder="64 alphanumeric characters" value="{{institute.clinvar_key or ''}}" required>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="submit" name="{{action_type}}" value="{{action_type}}" class="btn btn-primary">Submission {{action_type}} enquiry</button>
      </div>
    </div>
  </div>
</div>
{% endmacro %}

{% macro submit_modal(institute) %}
<div class="modal fade" id="submitModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">ClinVar API submission</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <label for="apiKey">Submitter's <a href="https://www.ncbi.nlm.nih.gov/clinvar/docs/api_http/" target="_blank" rel="noopener">API key</a></label>
        <input type="password" class="form-control" name="apiKey" id="apiKey" placeholder="64 alphanumeric characters" value="{{institute.clinvar_key or ''}}" required>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="submit" name="update_submission" value="submit" class="btn btn-primary">Submit variants</button>
      </div>
    </div>
  </div>
</div>
{% endmacro %}

{% macro no_submissions_found(filter_form)%}
  {% if filter_form.clinvar_id_filter.data %}
    <div class="alert alert-info">
      No ClinVar submissions matched your search.
    </div>
  {% else %}
    <div class="alert alert-info">
      No ClinVar submissions found. You can create one by choosing one or more
      pinned variants on a case page and clicking the button "Submit to ClinVar".
    </div>
  {% endif %}
{% endmacro %}