Untitled

## in footer.php line 1
<!-- Modal Print -->
<div id="myModalPrint" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">
      <div  class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Print page</h4>
          <div id="MHP">
            <a class="btn btn-primary " onclick="getdataUrlPrint();">Print</a>
            </div>
      </div>
      <div id="MBP" class="modal-body">

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cansel</button>
      </div>
    </div>

  </div>
</div>


#-------------------------------------------------------------------
## last thing in footer.php :

<script>
function ctrlP(){
    html2canvas(document.querySelector("body")).then(canvas => {
        canvas.id = 'canvasPrint';

        canvas.style.width  = '100%';
        canvas.style.height  = "auto";
        canvas.style.border  = "solid";

        $("#MBP").html(canvas);


    });
}
    function getdataUrlPrint(){
        printCanvas(document.getElementById('canvasPrint').toDataURL());
    }
    function printCanvas(dataUrl)
{
    var windowContent = '<!DOCTYPE html>';
    windowContent += '<html>'
    windowContent += '<head><title>PRINT</title></head>';
    windowContent += '<body>'
    windowContent += '<img src="' + dataUrl + '">';
    windowContent += '</body>';
    windowContent += '</html>';
    var printWin = window.open('', '', 'width=' + screen.availWidth + ',height=' + screen.availHeight);
    printWin.document.open();
    printWin.document.write(windowContent);
    printWin.document.close();
    printWin.focus();
    printWin.print();
    printWin.close();
}

#-------------------------------------------------------------------
# download this script : https://html2canvas.hertzen.com/
# after download, add to website like this :
<script src="js/html2canvas.min.js"></script>