{% extends "base.html" %}

{% block head %}
<title>hallo</title>
{% endblock %}

{% 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 = '{{ url_for("static", filename="main.css") }}';
      var head = document.getElementsByTagName('head')[0];
      head.insertBefore(cssLink, head.firstChild);

      const nav = document.getElementById('buttons');
      // insert the IMPOSE button
      // const impose = '<a href="#"><button id="impose" onClick="impose()">impose</button></a>';
      
      // Insert the SAVE button
      const save = '<a href="#"><button id="save" onClick="printPage()" style="background-color: #66ee66;">save</button></a>';
      nav.innerHTML = nav.innerHTML + save;

})
</script>
{% endblock %}