{% extends 'super_admin_templates/base.html' %} {% set path =
"master_configuration" %} {% set subpath = "bank" %} {% block content %}
<!-- Content Wrapper. Contains page content -->

<style type="text/css">
  .pagination-page-info {
    padding: 0.6em;
    padding-left: 0;
    width: 40em;
    margin: 0.5em;
    margin-left: 0;
    font-size: 12px;
  }

  .pagination-page-info b {
    color: black;
    background: #6aa6ed;
    padding-left: 2px;
    padding: 0.1em 0.25em;
    font-size: 150%;
  }

  table {
    border: none;
    /* Remove the border around the table */
    border-collapse: collapse;
    /* Optional: Ensures no space between cells */
  }

  table td,
  table th, table tr {
    border: none;
    /* Remove the border from table cells */
  }
</style>

<!-- Start::app-content -->
<div class="main-content app-content align-items-center" id="printableDiv">
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-xl-9">
        <div class="card custom-card px-5">
            {{ invoice_template | safe }}
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row justify-content-center mb-3">
  <button class="btn btn-sm btn-secondary me-1 w-auto" onclick="printDiv('printableDiv')">Print<i
      class="ri-printer-line ms-1 align-middle d-inline-block"></i></button>
</div>
<script>
  function printDiv(divId) {
    var style = "<style>" +
    "table {border: none; border-collapse: collapse;} table td,table th, table tr { border: none; }" +
    "h1, h2, h3, p, td, th { line-height: 1.5; }" +
    "body { font-family: Arial, sans-serif;  line-height: 1.5; }"+
    "</style>"
    var printContents = document.getElementById(divId).innerHTML;
    var originalContents = document.body.innerHTML;
    document.body.innerHTML = style + printContents;
    window.print();
  }
</script>
</body>
{% endblock %}