<!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: 15px;
            color: black;

        }

        td1 {
            border: 1px solid #1767b0;

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

        }

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

        p {
            font-size: 15px;
            margin: 0;
            padding: 0;

            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>

    <h2 class="center">ASWAS COMMUNITY PHARMACY</h2>

    <div class="center">
        <p class="center">AFF.Pharmasist Wellfare society Reg No T3036/07</p>
        <br>
        <p class="center">Cresent Tower Central Junction Erumeli 0482 281210222</p>
        <br>
    </div>

    <br>

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

                <th align="center" style="width:15%" scope="col">PARTICULAR</th>

                <th align="center" style="width:10%" scope="col">AMOUNT (DR.)</th>

                <th align="center" style="width:15%" scope="col">PARTICULAR</th>

                <th align="center" style="width:10%" scope="col">AMOUNT (CR.)</th>


            </tr>

        </thead>



        <tr>
            <td align="center"> 10-oct-2022 </td>

            <td align="left" style="color: red;">Opening Balance</td>

            <td align="right" style="color: red;">1,715.00 </td>

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

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

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

            <td align="left" style="color: red;">Sales </td>

            <td align="right">25,863.00 </td>

            <td align="left">Bank</td>

            <td align="right">10,000.00</td>
        </tr>

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

            <td align="center" style="color: red;"></td>

            <td align="left"></td>

            <td align="left">UPI</td>

            <td align="right">7,487.00</td>
        </tr>

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

            <td align="center" style="color: red;"></td>

            <td align="left"></td>

            <td align="left">CARD</td>

            <td align="right">4,321.00</td>
        </tr>

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

            <td align="center" style="color: red;"></td>

            <td align="left"></td>

            <td align="left">Hair of Craft</td>

            <td align="right">669.00</td>
        </tr>

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

            <td align="center" style="color: red;"></td>

            <td align="left"></td>

            <td align="left">Vijayan</td>

            <td align="right">655.00</td>
        </tr>

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

            <td align="center" style="color: red;"></td>

            <td align="left"></td>

            <td align="left">Latha</td>

            <td align="right">1,393.00</td>
        </tr>

        @for($i = 1; $i<=5; $i++ ) <tr>
            <td align="center" colspan="5" style="color: white;"> show something </td>


            </tr>
            @endfor

            <tr>
                <td align="center" colspan="3"> </td>


                <td align="left" style="color: red;">Closing Balance</td>

                <td align="right" style="color: red;">3,053.00</td>
            </tr>

            <tr>


                <td colspan="2" align="center">Total</td>

                <td align="right">27,578.00</td>

                <td align="left" style="color: red;">Total</td>

                <td align="right" style="color: red;">27,578.00</td>
            </tr>

    </table>

    <br>
    <br>
    <br>

    <table style="table-layout: auto; width: 100%;" border="1" frame="below above columns">
        <tr>
            <td align="center">Final Balance</td>
            <td align="right">3,053.00</td>
        </tr>

        <tr>
            <td align="center">Cash In Hand</td>
            <td align="right">3,080.00</td>
        </tr>

        <tr>
            <td align="center">Difference</td>
            <td style="color: green;" align="right">27  </td>
        </tr>

    </table>

</body>



</html>