<html><head>
    <style>
   	@media print {
   thead {display: table-header-group;}
   .b { display:none;}
    }
   </style>	

<style>
 table {
            width: 100%;
            border-collapse: collapse;
            font-size: 11px;
        }

        th, td {
            border: 1px dashed #999999!important;
            padding: 5px;
            text-align: left;
        }

        th {
            background-color: #CCCCCC;
        }
        .button-row {
            display: flex;              /* Use flexbox for alignment */
            justify-content: center;    /* Center the buttons horizontally */
            align-items: center;        /* Center the buttons vertically (if needed) */
            margin-top: 20px;           /* Add some spacing from other content */
        }
        button {
            padding: 10px 20px;         /* Add padding to the buttons */
            margin: 10 10px;             /* Add spacing between the buttons */
            font-size: 16px;            /* Adjust font size */
            cursor: pointer;            /* Change cursor on hover */
            background-color: #407cbb;  /* Button background color */
            color: white;               /* Button text color */
            border: none;               /* Remove border */
            border-radius: 5px;         /* Rounded corners */
            transition: background-color 0.3s ease; /* Add hover transition */
        }
        button:hover {
            background-color: #0056b3; /* Darker background on hover */
        }
         .container {
            width: 80%;
            margin: 0 auto;
            padding: 20px;
/*            border: 1px solid #ccc;*/
            background-color: #f9f9f9;
        }
           @media print {
            .container {
                width: 95%;
                margin: 0;
                padding: 0;
                border: none;
                background-color: transparent;
            }
        }
</style>

<script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js"></script><script src="chrome-extension://mooikfkahbdckldjjndioackbalphokd/assets/prompt.js"></script></head>



<body style="margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;" cz-shortcut-listen="true">

<div class="button-row">
<button class="b" onclick="printContent()">Print</button>
<button class="b" id="downloadPdfBtn">Download</button>
<button class="b" onclick="window.location.href='journal.php'">Back</button>
</div>

<div id="invoice" class="container" style="height:1010px; margin:0px auto; background-color:#FFFFFF; padding:25px 0px;">
<div style="  height:1100px; margin:0px auto;">
<div style="text-align:left; margin-top:5px;font-weight:bold; font-size:20px;display:flex;justify-content:space-between;align-items:center;">
<!--   Task Register -->
<strong style="float: left; color:red;"><u>A &amp; M Salon</u></strong>
  <small style="font-size:13px;font-weight:100;">Date: 28/05/2025</small>
</div>
<div style="width:100%; ">

<p style="margin-top:5px;margin-bottom:5px;display:flex;justify-content:space-between;"><span>Journal as on: All Branches for all dates</span><span>Opening Balance: 1000000 </span></p>
<!-- <p>Report of: All Branches of All Staffs  from 10.01.2025 to 11.01.2025</p> -->


<table style="width:100%; font-size:11px; border:none;"><tbody><tr style="text-align:center; background-color:#CCCCCC;">
        <th style="width:10px; border:solid 1px #999999; text-align:right;">Vou/Bill</th>
        <th style="width:10px; border:solid 1px #999999; text-align:center;">Date</th>
        <th style="width:250px; border:solid 1px #999999; text-align:left;">Particulars</th>
        <th style="width:10px; border:solid 1px #999999; text-align: right;">Debit</th>
        <th style="width:10px; border:solid 1px #999999; text-align:right;">Credit</th>
        <th style="width:10px; border:solid 1px #999999; text-align: left;">Type</th>
        
        <th style="width:; border:solid 1px #999999; text-align: right;"></th>
      </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">01/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Product Sale</td>
            <td style="text-align:right; border:solid 1px #999999;">6.60</td>
            <td style="text-align:right; border:solid 1px #999999;">6.60</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">01/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Product Sale</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">4.20</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">01/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">700.00</td>
            <td style="text-align:right; border:solid 1px #999999;">700.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">01/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">1400.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">01/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">700.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">05/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">500.00</td>
            <td style="text-align:right; border:solid 1px #999999;">500.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">09/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Purchase ( DermaCare )</td>
            <td style="text-align:right; border:solid 1px #999999;">68</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">10/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Electricity</td>
            <td style="text-align:right; border:solid 1px #999999;">2345</td>
            <td style="text-align:right; border:solid 1px #999999;">2345</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">10/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Purchase ( DermaCare )</td>
            <td style="text-align:right; border:solid 1px #999999;">454666</td>
            <td style="text-align:right; border:solid 1px #999999;">454666</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">10/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">10950.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">10/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">695.00</td>
            <td style="text-align:right; border:solid 1px #999999;">695.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">10/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Product Sale</td>
            <td style="text-align:right; border:solid 1px #999999;">8.40</td>
            <td style="text-align:right; border:solid 1px #999999;">8.40</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">12/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">600.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">12/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">500.00</td>
            <td style="text-align:right; border:solid 1px #999999;">500.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">13/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">6150.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">15/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">1200.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">16/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">5600.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">20/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">2450.00</td>
            <td style="text-align:right; border:solid 1px #999999;">2450.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">21/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">4600.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">22/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Commission</td>
            <td style="text-align:right; border:solid 1px #999999;">230</td>
            <td style="text-align:right; border:solid 1px #999999;">230</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">22/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Salary</td>
            <td style="text-align:right; border:solid 1px #999999;">767</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">22/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">2800.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">22/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">7600.00</td>
            <td style="text-align:right; border:solid 1px #999999;">7600.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">17630.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">280.00</td>
            <td style="text-align:right; border:solid 1px #999999;">280.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">280.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">840.00</td>
            <td style="text-align:right; border:solid 1px #999999;">840.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">980.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">5280.00</td>
            <td style="text-align:right; border:solid 1px #999999;">5280.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">1150.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Sales Entry</td>
            <td style="text-align:right; border:solid 1px #999999;">2830.00</td>
            <td style="text-align:right; border:solid 1px #999999;">2830.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Product Sale</td>
            <td style="text-align:right; border:solid 1px #999999;">4.20</td>
            <td style="text-align:right; border:solid 1px #999999;">4.20</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Donation</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Food Allowance</td>
            <td style="text-align:right; border:solid 1px #999999;">300</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Donation</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:left; border:solid 1px #999999;">bank</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Food Allowance</td>
            <td style="text-align:right; border:solid 1px #999999;">300</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
            <td style="text-align:right; border:solid 1px #999999;">123456</td>
            <td style="text-align:left; border:solid 1px #999999;">27/05/25</td>
            <td style="text-align:left; border:solid 1px #999999;">Travel Allowance</td>
            <td style="text-align:right; border:solid 1px #999999;">50</td>
            <td style="text-align:right; border:solid 1px #999999;">0.00</td>
            <td style="text-align:left; border:solid 1px #999999;">cash</td>
            <td style="text-align:left; border:solid 1px #999999;"> </td>
          </tr><tr style="height:30px; font-size:12px;">
        <td colspan="3" style="text-align:center; border:solid 1px #999999;"></td>
        <td colspan="" style="text-align:center; border:solid 1px #999999;">Total</td>
        <td colspan="" style="text-align:left; border:solid 1px #999999;">480,420.20</td>
        <td style="text-align:left; border:solid 1px #999999;">1,532,979.40</td>
        <td style="text-align:left; border:solid 1px #999999;"></td>
      </tr></tbody></table><p style="margin-top:5px;margin-bottom:5px;display:flex;justify-content:flex-end;">
<span>Closing Balance: 1052559.2</span></p>
</div>
  <div class="container" style="
            position: fixed;
    bottom: 10px;
    left: 0;
    display: flex
;
    justify-content: space-around;
    align-items: center;
    font-size: 15px;
    padding: 5px 15px;
    background: white;
    z-index: 9999;
    width: 100%;">
            <small>IP: 111.92.86.66</small>
                
                <small>Page 1/1</small>
                 <small>Stylesoft By PROGRAMERS.in</small>
            </div>
<br>
<br>


</div>
</div>

   
<script>
    // Print the content
    function printContent() {
        window.print();
    }
</script>

<!--- To download report -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>

<script>
    document.getElementById('downloadPdfBtn').addEventListener('click', function () {
        const element = document.getElementById('invoice'); // Get the table element

        // Store original styles
        const originalBackgroundColor = element.style.backgroundColor;
        const originalTextColor = element.style.color;

        // Apply temporary styles
        element.style.backgroundColor = 'white';
        element.style.color = 'black';

        html2canvas(element, {
            scale: 2, // Improve quality of the output
        }).then((canvas) => {
            const imgData = canvas.toDataURL('image/png'); // Convert to image
            const pdf = new jspdf.jsPDF('p', 'mm', 'a4'); // Create a PDF object

            // Calculate dimensions for the image to fit A4
            const imgWidth = 190; // A4 width minus margins
            const imgHeight = (canvas.height * imgWidth) / canvas.width;

            pdf.addImage(imgData, 'PNG', 10, 10, imgWidth, imgHeight); // Add image to PDF
            pdf.save('Branch_report.pdf'); // Save as PDF

            // Restore original styles
            element.style.backgroundColor = originalBackgroundColor;
            element.style.color = originalTextColor;
        });
    });
</script>




</body></html>