Scribd Logo
Upload

Welcome to Scribd!

  • 40 views

    Invoice

    Uploaded by

    Aristo
    This document is an HTML invoice template containing styling for printing invoices. It includes header information for the company and customer, a table to list invoice items with quantities, prices, discounts and totals, and footer sections for totals and payment status. Styles are included to format elements like the company logo, headings, tables, and page breaks for printing.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Invoice

    Uploaded by

    Aristo
    40 views7 pages
    This document is an HTML invoice template containing styling for printing invoices. It includes header information for the company and customer, a table to list invoice items with quantities, prices, discounts and totals, and footer sections for totals and payment status. Styles are included to format elements like the company logo, headings, tables, and page breaks for printing.

    Original Description:

    Original Title

    invoice

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document is an HTML invoice template containing styling for printing invoices. It includes header information for the company and customer, a table to list invoice items with quantities, prices, discounts and totals, and footer sections for totals and payment status. Styles are included to format elements like the company logo, headings, tables, and page breaks for printing.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    40 views7 pages

    Invoice

    Uploaded by

    Aristo
    This document is an HTML invoice template containing styling for printing invoices. It includes header information for the company and customer, a table to list invoice items with quantities, prices, discounts and totals, and footer sections for totals and payment status. Styles are included to format elements like the company logo, headings, tables, and page breaks for printing.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 7

    <!

    DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $title ?> - <?= $bill['invoice'] ?> a/n <?= $bill['name'] ?> Periode
    <?= indo_month($bill['month']) ?> <?= $bill['year'] ?></title>
    <link rel="stylesheet" href="<?= base_url('assets/')
    ?>frontend/libraries/bootstrap/css/bootstrap.css">
    </head>

    <body onload="window.print()">
    <style>
    body {
    margin: 0;
    padding: 0;
    background-color: #FAFAFA;
    font: 12pt "Tahoma";
    }

    * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    }

    .page {
    width: 21cm;
    min-height: 29.7cm;
    padding: 2cm;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .invoice h3 {
    margin-top: -40px;
    font-weight: bold;
    font-size: 25px;
    }

    .invoice h6 {
    margin-top: -20px;
    font-size: 16px;
    }

    .invoice span {
    margin-top: -55px;
    font-size: 12px;
    }

    .invoice img {
    margin-top: -40px;
    max-height: 60px;
    }

    .invoice-title h3 {
    margin-top: -15px;
    font-size: 40px;
    font-weight: bold;
    color: darkblue;
    }

    .fromto h5 {
    font-weight: bold;
    font-size: 20px;
    }

    .lunas {
    text-align: center;
    font-weight: bold;
    color: green;
    border-width: 2px;
    border-style: dashed solid;
    position: relative;
    margin: 1em 0;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    }

    @page {
    size: A4;
    margin: 0;
    }

    @media print {
    .page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
    }
    }
    </style>

    <div class="book">
    <div class="page">
    <div class="row invoice">
    <div class="col-8">
    <h3><?= $company['company_name'] ?></h3>
    <br>
    <h6>
    <?= $company['sub_name'] ?>
    </h6>
    <span>No HP : <?= $company['whatsapp'] ?> email : <?=
    $company['email'] ?></span> <br>
    <span style="font-style: italic;">Alamat : <?=
    $company['address'] ?></span>
    </div>
    <div class="col-4 text-right">
    <img src="<?= base_url('assets/images/' . $company['logo']) ?>"
    alt="logo">

    </div>
    </div>
    <hr>
    <div class="row invoice-title">
    <div class="col text-right">
    <h3>INVOICE</h3>
    </div>
    </div>
    <div class="row fromto">
    <div class="col-6">
    Kepada :
    <h5><?= $bill['name'] ?></h5>
    <h6><?= $bill['no_wa'] ?></h6>
    <h6><?= $bill['address'] ?></h6>
    </div>
    <div class="col-4 text-right">
    <h6 style="font-weight:bold">ID Pelanggan : </h6>
    <h6 style="font-weight:bold">No Invoice : </h6>
    <!--<h6 style="font-weight:bold">Tanggal Invoice :</h6>-->
    <h6 style="font-weight:bold">Tanggal Pembelian :</h6>
    </div>
    <div class="col-2 text-left" style="margin-left:-15 ;">
    <h6><?= $bill['no_services'] ?></h6>
    <h6><?= $bill['invoice'] ?></h6>
    <!--<h6><?= date('d-m-Y', $bill['created_invoice']) ?></h6>-->
    <h6><?= $bill['tgl'] ?>-<?= $bill['month'] ?>-<?= $bill['year']
    ?></h6>
    </div>
    </div>
    <br>
    <div class="row justify-content-between mb-2">
    <div class="col-6">Periode <?= indo_month($bill['month']) ?> <?=
    $bill['year'] ?></div>
    <div class="col-6 text-right"> <?php if ($bill['status'] == 'BELUM
    BAYAR') { ?>
    <h5 style="color: red;font-size:small; text-align: right;
    font-weight:bold;"> Belum Bayar</h5>
    <?php } ?>
    </div>
    </div>
    <table class="table">
    <thead>
    <tr>
    <th style="text-align: center; width:10px">No</th>
    <th>Item</th>
    <th style="text-align: center">Qty</th>
    <th style="text-align: right">Harga</th>
    <th style="text-align: center">Disc</th>
    <th style="text-align: right">Total</th>
    </tr>
    </thead>
    <tbody>
    <?php
    $month = $bill['month'];
    $year = $bill['year'];
    $no_services = $bill['no_services'];
    $query = "SELECT *
    FROM `invoice_detail`
    Join `package_item` ON `package_item`.`p_item_id` =
    `invoice_detail`.`item_id`
    WHERE `invoice_detail`.`d_month` = $month and
    `invoice_detail`.`d_year` = $year and
    `invoice_detail`.`d_no_services` = $no_services";
    $queryTot = $this->db->query($query)->result(); ?>
    <?php $subTotaldetail = 0;
    foreach ($queryTot as $dataa)
    $subTotaldetail += (int) $dataa->total;
    ?>

    <!-- <tr>
    <td>Tagihan Paket Internet Periode <?=
    indo_month($bill['month']) ?> <?= $bill['year'] ?></td>
    <td style="text-align: right;"><?php $no_invoice =
    $bill['invoice'] ?> <?php $query = "SELECT *
    FROM `invoice_detail`
    WHERE `invoice_detail`.`invoice_id` =
    $no_invoice ";

    $querying = $this->db->query($query)->result(); ?>


    <?php $subtotal = 0;
    foreach ($querying as $dataa)
    $subtotal += (int) $dataa->total;
    ?>
    <?= indo_currency($subtotal) ?></td>
    </tr> -->
    <?php if ($subtotal > 0) { ?>
    <?php $no = 1;
    foreach ($invoice_detail->result() as $c => $data) { ?>
    <tr>
    <td style="text-align: center;"><?= $no++ ?>.</td>
    <td><?= $data->item_name ?> </td>
    <td style="text-align: center"><?= $data->qty
    ?></td>
    <td style="text-align: right"><?=
    indo_currency($data->detail_price) ?></td>
    <td style="text-align: right">
    <?php if ($data->disc <= 0) { ?>
    -
    <?php } ?>
    <?php if ($data->disc > 0) { ?>
    <?= indo_currency($data->disc) ?>
    <?php } ?>
    </td>
    <td style="text-align: right"><?=
    indo_currency($data->total) ?></td>
    <td><?= $data->remark ?></td>
    </tr>
    <?php
    }
    ?>
    <?php } ?>
    <?php if ($subtotal <= 0) { ?>
    <?php $no = 1;
    foreach ($queryTot as $data) { ?>
    <tr>
    <td style="text-align: center;"><?= $no++ ?>.</td>
    <td><?= $data->name ?> </td>
    <td style="text-align: center"><?= $data->qty
    ?></td>
    <td style="text-align: right"><?=
    indo_currency($data->price) ?></td>
    <td style="text-align: right">
    <?php if ($data->disc <= 0) { ?>
    -
    <?php } ?>
    <?php if ($data->disc > 0) { ?>
    <?= indo_currency($data->disc) ?>
    <?php } ?>
    </td>
    <td style="text-align: right"><?=
    indo_currency($data->total) ?></td>
    <td><?= $data->remark ?></td>
    </tr>
    <?php
    }
    ?>
    <?php } ?>
    </tbody>
    <tfoot>
    <!--<tr class="text-right" style="font-size: small;">-->
    <!-- <th colspan="5">Kode Unik</th>-->
    <!-- <th><?= $bill['code_unique'] ?></th>-->
    <!--</tr>-->

    <tr style="text-align: right">


    <th colspan="5">Total</th>
    <?php if ($subtotal > 0) { ?>
    <th><?= indo_currency($subtotal) ?></th>
    <?php } ?>
    <tr style="text-align: right">
    <th colspan="5">PPN</th>
    <th>1.164.500</th>
    </tr>
    <tr style="text-align: right">
    <th colspan="5">JUMLAH</th>
    <th>12.809.500</th>
    </tr>
    <?php if ($subtotal <= 0) { ?>
    <th><?= indo_currency($subTotaldetail +
    $bill['code_unique']) ?></th>
    <?php } ?>
    </tr>
    </tfoot>
    </table>
    <!--<?php if ($subtotal > 0) { ?>-->
    <!-- <span style="font-style: italic; ">* Terbilang : <?=
    to_word($subtotal ) ?> rupiah</span>-->
    <!--<?php } ?>-->
    <!--<?php if ($subtotal <= 0) { ?>-->
    <!-- <span style="font-style: italic; ">* Terbilang : <?=
    to_word($subTotaldetail ) ?> rupiah</span>-->
    <!--<?php } ?>-->

    <br><br>
    <!--<h6 style="font-weight: bold; color:red"> Catatan :</h6>-->
    <!--<?php if ($subtotal > 0) { ?>-->
    <!-- Transfer tepat <b><?= indo_currency($subtotal ) ?></b>
    (Tagihan )<br>-->
    <!--<?php } ?>-->
    <!--+ $bill['code_unique']-->
    <?php if ($subtotal <= 0) { ?>
    Transfer tepat <b><?= indo_currency($subTotaldetail) ?></b> <br>
    <?php } ?>
    <br> <b> Cara Pembayaran Bisa Transfer :</b> <br>
    <?php
    foreach ($bank as $r => $data) { ?>
    <?= $data->name ?> : <?= $data->no_rek ?> A/N <?= $data->owner ?>
    <br>
    <?php } ?>
    <br><br>
    <b>Konfirmasi Pembayaran :</b> <br>
    Email : <?= $company['email'] ?>
    <br>
    WA : <?= $company['whatsapp'] ?>
    <!--<div class="row text-center">-->
    <!-- <div class="col-12">-->
    <!-- <img src="<?= base_url('assets/images/qrcode/') ?><?=
    $bill['invoice'] ?>.png" alt="">-->
    <!-- </div>-->
    <!--</div>-->
    <?php if ($bill['status'] == 'SUDAH BAYAR') {
    ?>
    <div class="row text-center justify-content-center">
    <div class="col-6 lunas">
    <h1>LUNAS</h1>
    </div>
    </div>
    <?php } ?>
    <style>
    .container {
    display: flex;
    flex-direction: column;
    height: 10vh;
    }

    footer {

    flex-shrink: 0;
    }

    main {
    flex: 1 0 auto;
    }
    </style>
    <div class="container">

    <main class="content">

    </main>
    <footer>
    <div class="row">
    <div class="col-5 text-right border-right border-primary">
    <h3 style="margin-top: 5px;">Terimakasih</h3>
    </div>
    <div class="col-7 text-left">
    <h6 style="color: red;">Syarat dan Ketentuan</h6>
    <?php if ($bill['status'] == 'SUDAH BAYAR') { ?>
    <span>Terimakasih sudah melakukan pembayaran tepat
    waktu</span>
    <?php } ?>
    <?php if ($bill['status'] == 'BELUM BAYAR') { ?>
    <span>Mohon lakukan pembayaran tepat waktu</span>
    <?php } ?>
    </div>

    </div>
    </footer>
    </div>
    </div>
    </div>
    <!-- end page -->
    <script src="<?= base_url('assets/') ?>frontend/libraries/jquery/jquery-
    3.4.1.min.js"></script>
    <script src="<?= base_url('assets/')
    ?>frontend/libraries/bootstrap/js/bootstrap.js"></script>
    </body>

    </html>

    You might also like