{% extends "base.html" %} 

{% block content %}
<iframe id="pdf" name="pdf" src="{{ url }}"></iframe>
{% endblock %}

{% block footer %}
<script>
function printPage(){
      window.frames["pdf"].focus();
      window.frames["pdf"].print();
}

window.addEventListener('load', function () {

      // Load the main.css again, to load the stylesheet for the nav
      var cssLink = document.createElement('link');
      cssLink.rel = 'stylesheet';
      cssLink.href = '{{ application_root }}/static/main.css';
      var head = document.getElementsByTagName('head')[0];
      head.insertBefore(cssLink, head.firstChild);

      // Insert the SAVE button
      const nav = document.getElementById('buttons');
      const save = '<a href="#"><button id="save" onClick="printPage()">save</button></a>';
      nav.innerHTML = nav.innerHTML + save;

})
</script>
{% endblock %}