me-ruhin / pos-printer

pos-printer

<title>Receipt example</title>
<style>
    * {
        font-size: 12px;
        font-family: 'Times New Roman';
    }

    td,
    th,
    tr,
    table {
        border-top: 1px solid black;
        border-collapse: collapse;
    }

    td.description,
    th.description {
        width: 75px;
        max-width: 75px;
    }

    td.quantity,
    th.quantity {
        width: 40px;
        max-width: 40px;
        word-break: break-all;
    }

    td.price,
    th.price {
        width: 40px;
        max-width: 40px;
        word-break: break-all;
    }

    .centered {
        text-align: center;
        align-content: center;
    }

    .ticket {
        width: 155px;
        max-width: 155px;
    }

    img {
        max-width: inherit;
        width: inherit;
    }

    .leftAlign {
        text-align: left;
    }

    @media print {

        .hidden-print,
        .hidden-print * {
            display: none !important;
        }
    }
</style>

ABCD PHARMACY
Dhaka-1216

Name:{{$invoiceData->customer_name??''}} Date:{{$invoiceData->date??''}} @foreach($datas as $data) @endforeach

                <td class="description">TOTAL = </td>
                <td class="quantity"></td>
                
                <td class="price" colspan="2">{{$invoiceData->total_amount??''}} Tk</td>
            </tr>
            @if($invoiceData->discount_amount>0)
            <tr>
                <td class="description">Discount = </td>
                <td class="quantity"></td>
                
                <td class="price" colspan="2">-{{$invoiceData->discount_amount}} Tk</td>
            </tr>
            @endif

            @if($invoiceData->paid_amount>0)
            <tr>
                <td class="description">Payment = </td>
                <td class="quantity"></td>
                <td class="price" colspan="2">{{$invoiceData->paid_amount}}</td>
            </tr>
            @endif

            <tr>
                <td class="description">Due = </td>
                <td class="quantity"></td>
                <td class="price" colspan="2">{{$invoiceData->total_amount- ($invoiceData->paid_amount+$invoiceData->discount_amount)}} Tk</td>
            </tr>


        </tbody>
    </table>
    <p class="centered">Developed By
        <br>www.digitalwebexpert.com
        <br>017XXXXXXXXX
    </p>
</div>
<button id="btnPrint" class="hidden-print">Print</button>

<script> window.onload = function() { window.print(); } const $btnPrint = document.querySelector("#btnPrint"); $btnPrint.addEventListener("click", () => { window.print(); }); </script>

Name	Qty	Price	Total
{{$data->getProductInfo->name??''}}	{{$data->product_quantity}}	{{$data->product_purchase_price}}	{{$data->product_quantity*$data->product_purchase_price}}