{% if mfg_data.highlighting_supported is not false %}
<a href="{{ excerpts | format_text_fragments(policy_url) }}" target="_blank" data-tooltip="Open policy in new tab. When possible, relevant sections of the policy are highlighted."><span class="material-symbols">open_in_new</span></a>
{#
{% set id = range(1, 51) | random %}
<a 
  data-target="policy-modal-{{ id }}"
  onclick="toggleModal(event)"
>
  View privacy policy with relevant sections highlighted&nbsp;&#10548;
</a>
<dialog class="policy-modal" id="policy-modal-{{ id }}">
  <article>
    <p>The manufacturer's privacy policy is below. We have attempted to highlight relevant sections of the privacy policy, though the highlights may not show due to website compatability issues or other issues.</p>
    <p><em>{{ intro }}</em></p>
    <iframe src="{{ excerpts | format_text_fragments(policy_url) }}"></iframe>
    <footer>
      <button autofocus data-target="policy-modal-{{ id }}" onclick="toggleModal(event)">
        Close
      </button>
    </footer>
  </article>
</dialog>
#}
{% else %}
<span data-tooltip="IoT Transparency is unable to highlight relevant sections for this privacy policy. You can click the link above to view the full policy."><span class="material-symbols">open_in_new</span></span>
{%endif%}