<style>
    @media screen {

        html {
            background-color: rgb(252, 243, 243);
        }

    }

    @media print {

        @page {
            margin: 20px;
            size: auto;
        }

        .dis {
            display: grid;
            grid-template-columns: auto auto auto auto;
        }

        .dis>div.box {
            border: 1px solid black;
            border-radius: 5px;
            padding: 5px !important;
            width: 260px;
            height: auto;
            margin: 10px;
            padding: 10px;
        }

        .bar {
            display: flex;
            justify-content: center;
        }

    }
</style>
<div class="page">
    <div class=" dis">
        @foreach ($barcode as $b)
            <div class="box">
                <p style="margin-bottom: 2px; font-size: 10pt;">{{ $b['nama'] }}
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                </p>
                <div class="bar">{!! DNS1D::getBarcodeSVG($b['kode'], 'C39', 1, 49) !!}</div>
                <span class="float-right" style="font-size: 10pt">{{ $b['harga'] }}</span>
            </div>
        @endforeach
    </div>

</div>
