{% if private_package %}
<div id="officedocs-private-fallback" style="text-align:center; padding:20px;">
  <div id="officedocs-chromium-fallback" style="display:none;">
    <p>{{ _("Microsoft's online viewer cannot reach private resources, but your browser can.") }}</p>
    <p>
      <a id="officedocs-open-doc" class="btn btn-primary" href="{{ resource_download_url }}" target="_blank" rel="noopener">{{ _("Open document") }}</a>
    </p>
    <p style="margin-top:10px;">
      {{ _("Tip: install a Chromium Office viewer extension to render Office files in your browser:") }}
      <a href="https://chromewebstore.google.com/detail/office/ndjpnladcallmjemlbaebfadecfhkepb" target="_blank" rel="noopener">Office</a>
      {{ _("or") }}
      <a href="https://chromewebstore.google.com/detail/office-editing-for-docs-s/gbkeegbaiigmenfmjfclcdgdpimamgkj" target="_blank" rel="noopener">Office Editing for Docs, Sheets &amp; Slides</a>.
    </p>
  </div>
  <div id="officedocs-other-fallback">
    <p>{{ _("This resource is private, so Microsoft's online viewer is unable to access and display it.") }}</p>
    <p>{{ _("To preview private Office files, use a Chromium-based browser (Chrome, Edge, Brave, Opera) with an Office viewer extension installed.") }}</p>
  </div>
</div>
<script>
(function(window, document){
  function isChromium() {
    var uaData = window.navigator.userAgentData;
    if (uaData && Array.isArray(uaData.brands)) {
      return uaData.brands.some(function(b){ return b.brand === "Chromium"; });
    }
    var ua = window.navigator.userAgent;
    if (/Firefox\//.test(ua)) { return false; }
    return /Chrome\/|Chromium\/|Edg\/|OPR\//.test(ua);
  }
  if (isChromium()) {
    document.getElementById("officedocs-chromium-fallback").style.display = "block";
    document.getElementById("officedocs-other-fallback").style.display = "none";
  }
})(this, this.document);
</script>
{% else %}
<button id="fullscreeniframe" class="btn" style="position:absolute; right:5px; top:20px">{{ _("Fullscreen") }}</button>
<iframe id="cvframe" src="//view.officeapps.live.com/op/view.aspx?src={{ resource_url }}" frameborder="0" allowfullscreen="" width="100%" style="height:{{ iframe_height }};"></iframe>
<script>
(function(window, document){
  var button = document.getElementById("fullscreeniframe");
  var iframe = document.getElementById("cvframe");
  if (!button || !iframe) { return; }

  var requestFullscreen = iframe.requestFullscreen
    || iframe.webkitRequestFullscreen
    || iframe.mozRequestFullScreen
    || iframe.msRequestFullscreen;

  if (!requestFullscreen) {
    // Browser doesn't support fullscreen; hide the control rather than failing.
    button.style.display = "none";
    return;
  }

  button.addEventListener("click", function(){
    requestFullscreen.call(iframe);
  }, false);
})(this, this.document);
</script>
{% endif %}