invoice backend pdf

 avatar
unknown
html
4 years ago
9.3 kB
7
Indexable
{% load static %}
<html>
  <head>
    <style>
      @page {
        size: a4 portrait;
        @frame header_frame {
          /* Static Frame */
          -pdf-frame-content: header_content;
          left: 40pt;
          width: 512pt;
          top: 50pt;
          height: 40pt;
        }
        @frame content_frame {
          /* Content Frame */
          left: 40pt;
          width: 512pt;
          top: 90pt;
          height: 632pt;
        }
        @frame footer_frame {
          /* Another static Frame */
          -pdf-frame-content: footer_content;
          left: 40pt;
          width: 512pt;
          top: 772pt;
          height: 20pt;
        }
      }

      body {
        font-size: 11px;
      }
      table.invoice_bill,
      table.accounting {
        border: 1px solid black;
        border-collapse: collapse;
        padding-top: 2px;
        padding-bottom: 1px;
        padding-left: 1px;
        padding-right: 1px;
      }
      
      table.invoice_customer_info,
      table.invoice_customer_info td {
        border: 1px solid #cccccc;
        border-collapse: collapse;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
      }

      table.beneficiary-bank-table {
        border: 1px solid black;
        border-collapse: collapse;
        padding-top: 2px;
        padding-bottom: 1px;
        padding-left: 1px;
        padding-right: 1px;
      }
    </style>
  </head>

  <body>
    <!-- Content for Static Frame 'header_frame' -->
    <div id="header_content">
      <img src="{{ image_url }}" alt="logo" width="200" height="100" />
    </div>

    <!-- Content for Static Frame 'footer_frame' -->
    <div id="footer_content"></div>

    <!-- HTML Content -->
    <table class="invoice_customer_info">
      <tr>
        <td
          colspan="2"
          style="
            text-align: center;
            font-size: 20px;
            text-decoration: underline;
          "
        >
          <h1>Invoice</h1>
        </td>
      </tr>
      <tr></tr>
      <tr>
        <td>{{ customer_name }}</td>
        <td style="text-align: right">Subscriber ID : {{ subscriber_id }}</td>
      </tr>
      <tr>
        <td>Bill_Add: {{ billing_address }}</td>
        <td style="text-align: right">Invoice No. : {{ invoice_no }}</td>
      </tr>
      <tr>
        <td>Ins_Add: {{ installation_address }}</td>
        <td style="text-align: right">Ref No: {{ ref_no }}</td>
      </tr>
      <tr>
        <td>Contact No: {{ contact_no }}</td>
        <td style="text-align: right">Invoice Date: {{ invoice_date }}</td>
      </tr>
      <tr>
        <td>Email: {{ email }}</td>
        <td style="text-align: right">Due Date: {{ due_date }}</td>
      </tr>
      <tr>
        <td>BIN No.</td>
        <td style="text-align: right">Billing Period: {{ billing_period }}</td>
      </tr>
      <tr>
        <td></td>
        <td style="text-align: right">Billing Month: {{ billing_month }}</td>
      </tr>
    </table>
    <br /><br />

    <table class="invoice_bill">
      <tr>
        <td colspan="2" style="text-align: left">
          <strong>Current Bill (BDT)</strong>
        </td>
      </tr>
      <tr>
        <td>Package Price</td>
        <td style="text-align: right">{{ recurring_charges }}</td>
      </tr>
      <tr>
        <td>Inventory</td>
        <td style="text-align: right">{{ inventory_charges }}</td>
      </tr>
      <tr>
        <td>OTC/OTC Installment</td>
        <td style="text-align: right">{{ installation_charges }}</td>
      </tr>
      <tr>
        <td style="text-align: right">Gross Charges</td>
        <td style="text-align: right">{{ gross_charges}}</td>
      </tr>
      <tr>
        <td>Discount</td>
        <td style="text-align: right">{{ discount }}</td>
      </tr>
      <tr>
        <td style="text-align: right">Total Discount</td>
        <td style="text-align: right">{{ total_discount }}</td>
      </tr>
      <tr>
        <td style="text-align: right">Gross Charges after Discount</td>
        <td style="text-align: right">{{ gross_charges_after_discount }}</td>
      </tr>
      <tr>
        <td>VAT</td>
        <td style="text-align: right">{{ vat }}</td>
      </tr>
      <tr>
        <td style="text-align: right">Sub Total</td>
        <td style="text-align: right">{{ sub_total }}</td>
      </tr>
      <tr>
        <td>Security Deposit Charges</td>
        <td style="text-align: right">{{ security_deposit_charges }}</td>
      </tr>
      <tr>
        <td>Other Charges</td>
        <td style="text-align: right">{{ other_charges }}</td>
      </tr>
      <tr>
        <td style="text-align: right">
          <strong>Total Current Charges</strong>
        </td>
        <td style="text-align: right">{{ total_current_charges }}</td>
      </tr>
      <tr>
        <td colspan="2">
          <strong
            >In words: {{ total_current_charges_in_words }} taka only</strong
          >
        </td>
      </tr>
    </table>
    <br /><br /><br /><br />

    <table>
      <tr>
        <td></td>
        <td>
          <strong>Account Summary:</strong>
          <table class="invoice_bill">
            <tr>
              <td style="text-align: center"><strong>Particulars</strong></td>
              <td style="text-align: right"><strong>Amount(BDT)</strong></td>
            </tr>
            <tr>
              <td>Current Outstanding</td>
              <td style="text-align: right">{{ current_outstanding }}</td>
            </tr>
            <tr>
              <td>Previous Outstanding</td>
              <td style="text-align: right">{{ previous_outstanding }}</td>
            </tr>
            <tr>
              <td>OTC Installment Due</td>
              <td style="text-align: right">{{ due_installment }}</td>
            </tr>
            <tr>
              <td>Deffered Charge</td>
              <td style="text-align: right">{{ deffered_charge }}</td>
            </tr>
            <tr>
              <td>Total Paid</td>
              <td style="text-align: right">{{ total_paid }}</td>
            </tr>
            <tr>
              <td style="text-align: center">
                <strong>Total Outstanding</strong>
              </td>
              <td style="text-align: right">
                <strong>{{ total_outstanding }}</strong>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <br /><br /><br /><br />
    <div class="instruction-note instruction">
      <h4>Payments Instruction:</h4>
      <ul>
        <li>
          Payment to be made by crossed cheque/Bank Draft in favor of "DigiCon
          Telecommunication Ltd."
        </li>
        <li>
          Log in your portal and follow make payment option. Portal URL:
          https//myisp.mimebd.com
        </li>
      </ul>
    </div>
    <br /><br />
    <div>
      <table class="beneficiary-bank-table">
        <tr>
          <td colspan="3"><strong>Beneficiary Bank Details:</strong></td>
        </tr>
        <tr>
          <td colspan="3">BIN No. 000862204-0101</td>
        </tr>
        <tr>
          <td>Account Name</td>
          <td>DigiCon Telecommunication Limited</td>
          <td>DigiCon Telecommunication Limited</td>
        </tr>
        <tr>
          <td>Account No.</td>
          <td>0002-0210033602</td>
          <td>1031200005091</td>
        </tr>
        <tr>
          <td>Routing No.</td>
          <td>14527 5358</td>
          <td>090260434</td>
        </tr>
        <tr>
          <td>Bank Name</td>
          <td>Mutual Trust Bank Ltd.</td>
          <td>Dutch-Bangla Bank Limited</td>
        </tr>
        <tr>
          <td>Branch Name</td>
          <td>Principal</td>
          <td>Branch: Banani</td>
        </tr>
        <tr>
          <td>Swift Code</td>
          <td>MTBLBDDHPBR</td>
          <td>&nbsp;&nbsp;&nbsp;</td>
        </tr>
        <tr>
          <td>bKash Merchant Payment</td>
          <td>01787-671362</td>
          <td>&nbsp;&nbsp;&nbsp;</td>
        </tr>
      </table>
    </div>
    <br /><br />
    <div class="instruction-note">
      <h4>Note:</h4>
      <ul>
        <li>
          If you have any queries regarding the invoice amount, please send
          email to: billing.mime@cg-bd.com
        </li>
        <li>
          This is a computer-generated invoice does not require any signature.
        </li>
      </ul>
    </div>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <div class="company-address" style="position: fixed; top: 0">
      <table>
        <tr>
          <td><strong>DigiCon Telecommunication Ltd.</strong></td>
          <td></td>
        </tr>
        <tr>
          <td>
            Awal Center (15th Floor), 34, Kemal Ataturk Avenue, Banani C/A,
            Dhaka-1213, Bangladesh
          </td>
          <td></td>
        </tr>
        <tr>
          <td>Tel: +88-02-9822056-9, Cell: +88-01704-119545</td>
          <td style="text-align: right">www.mimebd.com</td>
        </tr>
        <tr>
          <td>
            Email: info.mimebd@cg-bd.com Facebook: https:www.facebook.com/MIMECG
          </td>
          <td style="text-align: right">Hotline: 16676</td>
        </tr>
      </table>
    </div>
  </body>
</html>
Editor is loading...