<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <style>
        * {
            box-sizing: border-box;
        }

        /* Create three equal columns that floats next to each other */
        .column {
            float: left;
            width: 33.33%;
            padding: 10px;
            height: 130px;
            /* Should be removed. Only for demonstration */
        }

        /* Clear floats after the columns */
        .row:after {
            content: "";
            display: table;
            clear: both;
        }

        .pTextIng {
            font-size: 10px;
            margin: 0;
            padding: 0;
            width: 80px;
            display: inline-block;
        }

        .pTextIngRight {
            font-size: 10px;
            margin: 0;
            padding: 0;
            width: 50px;
            display: inline-block;
        }

        .pTextPor {
            font-size: 10px;
            width: 80px;
            height: auto;
            display: inline-block;
        }

        .pTextPorTime {
            font-size: 10px;
            height: auto;
            width: 150px;
            display: inline-block;
        }

        .center {
            text-align: center;
        }

        th {
            border-left: 1px solid #1767b0;
            border-right: 1px solid #1767b0;

            font-style: normal;
            font-size: 10px;
            color: white;
            background-color: #1767b0;
        }

        td {
            padding-left: 2px;
            padding-left: 2px;
            border-left: 1px solid grey;
            border-right: 1px solid grey;

            font-style: normal;
            font-size: 10px;
            color: black;

        }

        td1 {
            border: 1px solid #1767b0;

            font-style: normal;
            font-size: 10px;
            color: black;

        }

        table {
            border-collapse: collapse;
            width: 100%;
        }

        p {
            font-size: 10px;
            margin: 0;
            padding: 0;
            width: 80px;
            display: inline-block;
        }

        p1 {
            font-size: 10px;
            margin: 0;
            padding: 0;
            width: 120px;
            display: inline-block;
        }

        p2 {
            font-size: 10px;
            margin: 0;
            padding: 0;

            display: inline-block;
        }
    </style>

</head>

<body>


    <div style="border: 1px solid; border-color: #1767b0 ;" class="row">

        <div class="column">
            <div>
                <p id="" class="">Bill No</p>
                <p1 id="" class=""> : 30</p1>
            </div>
            <div>
                <p id="" class="">Date / Time</p>
                <p1 id="" class=""> : 14/11/2022 10:00:00 AM</p1>
            </div>
            <div>
                <p id="" class="">Patient Name</p>
                <p1 id="" class=""> : MANOJ KUMAR PC</p1>
            </div>
            <div>
                <p id="" class="">Contact No</p>
                <p1 id="" class=""> : +91 9562719658</p1>
            </div>
            <div>
                <p id="" class="">Doctor Name</p>
                <p1 id="pTextPor" class=""> : DR JAYAN</p1>
            </div>
            <div>
                <p id="" class="">Customer Name</p>
                <p1 id="" class=""> : RAMESH</p1>
            </div>
            <div>
                <p id="" class="">Customer GSTIN</p>
                <p1 id="" class=""> : 32ABCCS1596G1ZK</p1>
            </div>

        </div>

        <div class="column">

            <h4 class="center">ASWAS COMMUNITY PHARMACY</h4>
            <p2 class="center">AFF.Pharmasist Wellfare society Reg No T3036/07 </p2>

            <p2 class="center">
                Cresent Tower
                Central Junction Erumeli
                0482 281210222
            </p2>

        </div>

        <div class="column">
            <div>
                <p id="pTextIng" class="pTextIngRight">Branch</p>
                <p id="pTextPor" class="pTextPor"> : THYKOODAM</p>
            </div>

            <div>
                <p id="pTextIng" class="pTextIngRight">Address</p>
                <p id="pTextPor" class="pTextPorTime"> : Thykoodam,Ernakulam</p>
            </div>

            <div>
                <p id="pTextIng" class="pTextIngRight">Tel No</p>
                <p id="pTextPor" class="pTextPorTime"> : +91 9061162413</p>
            </div>

            <div>
                <p id="pTextIng" class="pTextIngRight">DL No</p>
                <p id="pTextPor" class="pTextPorTime"> : RLF20KL2022</p>
            </div>

            <div>
                <p id="pTextIng" class="pTextIngRight">DL No</p>
                <p id="pTextPor" class="pTextPorTime"> : RLF50KL2022</p>
            </div>

            <div>
                <p id="pTextIng" class="pTextIngRight">GSTIN</p>
                <p id="pTextPor" class="pTextPorTime"> : 32ABCCS1596G1ZK</p>
            </div>

            <div>
                <p id="pTextIng" class="pTextIngRight">Division</p>
                <p id="pTextPor" class="pTextPorTime"> : COOD Health</p>
            </div>

        </div>

    </div>

    <table style="table-layout: auto; width: 100%;" border="1" frame="below above columns">
        <thead>
            <tr>
                <th align="center" style="width:5%; column-rule: 4px double white;" scope="col">SL NO</th>

                <th align="center" style="width:8%" scope="col">HSN CODE</th>

                <th align="center" style="width:18%" scope="col">PRODUCT NAME</th>

                <th align="center" style="width:6%" scope="col">MFR</th>

                <th align="center" style="width:10%" scope="col">BATCH</th>

                <th align="center" style="width:8%" scope="col">EXP DT</th>

                <th align="center" style="width:5%" scope="col">QTY</th>

                <th align="center" style="width:6%" scope="col">MRP</th>

                <th align="center" style="width:8%" scope="col">DISC %</th>

                <th align="center" style="width:6%" scope="col">RATE</th>

                <th align="center" style="width:5%" scope="col">GST %</th>

                <th align="center" style="width:8%" scope="col">AMOUNT</th>
            </tr>

        </thead>

        <?php $num = 1; ?>

        @for($i = 1; $i<=1; $i++) <tr>
            <td align="center">{{ $num }}</td>

            <td align="center">45784125</td>

            <td align="left">MEGA HEAL 60 MG </td>

            <td align="center">ARIS</td>

            <td align="center">MH154PO8</td>

            <td align="center">09/24</td>

            <td align="center">10</td>

            <td align="right">100.00</td>

            <td align="center">15 </td>

            <td align="right">85.00</td>

            <td align="center">5 </td>

            <td align="right">89.25</td>
            </tr>
            <?php $num++; ?>
            @endfor


            <!-- first line -->
            <tr>
                <td style="border: 1px solid #1767b0; border-top: 1.5px solid #1767b0;" colspan="2">FSSAI NO</td>
                <td style="border: 1px solid #1767b0; border-top: 1.5px solid #1767b0;" colspan="1"> 9022119922 </td>

                <td style="border: 1px solid #1767b0; border-top: 1.5px solid #1767b0;" colspan="2">Total Items</td>
                <td style="border: 1px solid #1767b0; border-top: 1.5px solid #1767b0;" align="center" colspan="1"> 100 </td>

                <td style="border: 1px solid #1767b0; border-top: 1.5px solid #1767b0;" colspan="2">Total Quantity</td>
                <td style="border: 1px solid #1767b0; border-top: 1.5px solid #1767b0;" align="center" colspan="1"> 522 </td>

                <td style="border: 1px solid #1767b0; border-top: 1.5px solid #1767b0;" colspan="1">Total</td>
                <td style="border: 1px solid #1767b0; border-top: 1.5px solid #1767b0;" align="right" colspan="2"> 52365.00 </td>
            </tr>

            <!-- second line -->
            <tr>
                <td style="border: 1px solid #1767b0;" colspan="2" 0>Taxable Amount</td>
                <td style="border: 1px solid #1767b0;" colspan="1"> 49746.00 </td>

                <td style="border: 1px solid #1767b0;" colspan="2">CGST</td>
                <td style="border: 1px solid #1767b0;" align="center" colspan="1"> 1309.125 </td>

                <td style="border: 1px solid #1767b0;" colspan="2">SGST</td>
                <td style="border: 1px solid #1767b0;" align="center" colspan="1"> 1309.125 </td>

                <td style="border: 1px solid #1767b0;" colspan="1">Discount</td>
                <td style="border: 1px solid #1767b0;" align="right" colspan="2"> 0.00 </td>
            </tr>

            <tr>
                <td style="border: 1px solid #1767b0;" colspan="2" 0>Non Taxable Amount</td>
                <td style="border: 1px solid #1767b0;" colspan="1"> 0.00 </td>

                <td style="border: 1px solid #1767b0;" colspan="6" 0> Fifty-two thousand three hundred and sixty-five </td>
                <td style="border: 1px solid #1767b0;" align="left" colspan="1"> Grand Total </td>
                <td style="border: 1px solid #1767b0;" align="right" colspan="2"> 0.00 </td>
            </tr>

            <!-- third line -->
          

            <tr>
                <td style="border: 1px solid #1767b0; background-color: #1767b0; color: white;" colspan="8" align="center">Note</td>
                <td style="border: 1px solid #1767b0; background-color: #8bb3d8; border-bottom: 1px solid #1767b0;" align="center" colspan="4" rowspan="3"> For Pharmacist </td>
            </tr>

            <tr>
                <td style="border: 1px solid #1767b0;" colspan="8"> 1. Reverse tax mechanism on items are not applicable. Exchange within 7 days from the date of purchase original bill mandatory for exchange of products </td>
            </tr>

            <tr >
                <td  style="border: 1px solid #1767b0;" colspan="8"> Items requiring cold storage will not be returned or exchanged </td>
            </tr>
           

    </table>




</body>



</html>