{% if quote %}
{% verbatim %}{% set pair_key = random_id() %}{% endverbatim %}
{% verbatim %}{% set tracking_id = "{% endverbatim %}{{ tracking_id }}{% verbatim %}" %}{% endverbatim %}
{% verbatim %}{% set click_id = record_pubwidget_view(ep_type: "archer-morpheus", tracking_id: tracking_id) %}{% endverbatim %}
{% else %}
{% set pair_key = random_id() %}
{% set click_id = record_pubwidget_view(ep_type: "archer-morpheus", tracking_id: tracking_id) %}
{% endif %}

<div
  id="am-{% if quote %}{% verbatim %}{{ pair_key }}{% endverbatim %}{% else %}{{ pair_key }}{% endif %}"
  class="archer-results"
  data-archer-config='{
    "publisherSourceCode": "sa-AA66D76A",
    {% if quote %}
    "publisherTrackingCode": "{% verbatim %}{{ click_id }}{% endverbatim %}",
    {% else %}
    "publisherTrackingCode": "{{ click_id }}",
    {% endif %}
    "placementType": "Listings - Third-Party Organic",
    "pairKey": "{% if quote %}{% verbatim %}{{ pair_key }}{% endverbatim %}{% else %}{{ pair_key }}{% endif %}",
    "themeId": "{{ theme|default("default") }}",
    {% if degree %}"degree": "{{ degree }}",{% endif %}
    {% if fos %}"fieldOfStudy": "{{ fos }}",{% endif %}
    {% if major %}"major": "{{ major }}",{% endif %}
    {% if modality %}"modality": "{{ modality }}",{% endif %}
    "searchOnLoad": {% if search_onload %}true{% else %}false{% endif %}
  }'
  data-ep-type="archer-morpheus"
  data-tracking-id="{{ tracking_id }}"
  ></div>
<script async>
;((w,d) => {
  'use strict';
  const s = d.createElement('script')
  s.id = 'archer-morpheus';
  s.async = true;
  s.type = 'text/javascript';
  s.src = "https://publisher-listings.campusexplorer.com/static/listings.min.js";
  if (!d.getElementById(s.id)) {
    d.head.appendChild(s);
    window.archerLastResultKey = 0;
    window.archerSearches = {};

    d.addEventListener('archer:search_on_load', (e) => {
      window.archerLastResultKey = e.detail.resultKey;
    });

    d.addEventListener('archer:search_completed', (e) => {
      const n = window.archerLastResultKey;
      const f = e.detail.frameOptions.results[n]
      window.archerSearches[e.detail.searchId] = {
        'resultKey': n,
        'searchId': e.detail.searchId,
        'pairKey': f?.pairKey,
        'clickId': f?.publisherTrackingCode,
        'element': d.getElementById(`am-${f?.pairKey}`)
      };
    });

    d.addEventListener('archer:ad_clicked', (e) => {
      const searchId = e.detail.searchId;
      const search = window.archerSearches[searchId];
      const elem = search?.element;

      dataLayer.push({
        'event': 'archer:ad_clicked',
        detail: {
          clickId: search?.clickId,
          ep_position: elem?.dataset.ep_position,
          ep_type: elem?.dataset.epType,
          index: e.detail.index - 1,
          itemId: e.detail.clickoutSearchResultItemId,
          pairKey: search?.pairKey,
          programName: e.detail.programName,
          schoolName: e.detail.schoolName,
          searchId,
          shortcode: elem?.dataset.shortcode,
          trackingId: elem?.dataset.trackingId,
          transactionId: e.detail.transactionId,
        },
      });
    });
  }
})(window, document);
</script>