<style>
    @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');


    .page {
        width: 70mm !important;
        font-family: "Inconsolata", monospace;
        font-optical-sizing: auto;
        font-style: normal;
    }

    .page h4,
    h5 {
        text-align: center;
    }


    @media print {

        @page {
            margin: 0;

        }

        .alamat {
            display: flex;
            justify-content: center;
            text-align: center;
            line-height: 15px;
            font-size: 15px;
            margin-top: -10px;
        }

        table.tabprint {
            width: 100%;
        }

        .tabprint tr th {
            font-weight: 500;
            text-transform: uppercase;
            text-align: center !important;
            line-height: 15px;
            font-size: 15px;
        }

        .tabprint tr td {
            line-height: 15px;
            font-size: 17px;
        }

        table.tabprint2 {
            width: 100%;
        }

        .tabprint2 tr td {
            line-height: 18px;
            font-size: 17px;
        }

    }
</style>
<div class="page">
    <h4 style="font-size: 17pt; margin-bottom: 10px; text-transform: uppercase; margin-top: 10px;">
        {{ modull('PNT')->judul }}
    </h4>
    <div class="alamat">Email : {{ modull('PNT')->gambar }} <br> Telp- : {{ modull('PNT')->link }} <br>
        {{ modull('PNT')->isi }}</div>
    <table class="tabprint">
        <tr>
            <td colspan="3">======================================</td>
        </tr>
        <tr>
            <td width="32%">Ktr.</td>
            <td width="1%">:</td>
            <td>Penukaran Poin</td>
        </tr>
        <tr>
            <td width="32%">Tanggal</td>
            <td width="1%">:</td>
            <td>{{ date('d-m-Y H:i', strtotime($d->created_at)) }}</td>
        </tr>
        <tr>
            <td>MEMBER</td>
            <td>:</td>
            <td>{{ $d->member->nm_member }}</td>
        </tr>
        <tr>
            <td>Ptg. Entry</td>
            <td>:</td>
            <td>{{ $d->user->nm_user }}</td>
        </tr>
    </table>
    <div>======================================</div>
    <table class="tabprint2">
        @php
            $poin = poinmasuk($d->member_id) - poinkeluar($d->member_id) + $d->jml_poin;
        @endphp
        <tr>
            <td colspan="3">{{ hadiah($d->kodetran)->nm_hadiah }}</td>
        </tr>
        <tr>
            <td colspan="2">Jml. Poin </td>
            <td class="text-right">
                {{ number_format($d->jml_poin, 0, ',', '.') }}
            </td>
        </tr>
        <tr>
            <td colspan="2">Poin Member</td>
            <td class="text-right">
                {{ number_format($poin, 0, ',', '.') }}
            </td>
        </tr>

    </table>
    <div>======================================</div>
    <table class="tabprint2">

        <tr>
            <td class="text-right">Sisa Poin </td>
            <td class="text-right"> </td>
            <td class="text-right">
                {{ number_format(poinmasuk($d->member_id) - poinkeluar($d->member_id), 0, ',', '.') }}</td>
        </tr>
    </table>
    <div>======================================</div>
    <table class="tabprint">
        <tr>
            <td><br></td>
        </tr>
        <tr>
            <th>
                {{ modull('PTX')->judul }}
            </th>
        </tr>
        <tr>
            <td></td>
        </tr>
        {{-- <tr>
            <td class="d-flex  justify-content-center">
                <div class="">
                    {!! '<img src="data:image/png;base64,' .
                        DNS1D::getBarcodePNG($t->kd_transaksi, 'C39+', 1, 29) .
                        '" alt="barcode"   />' !!}
                </div>
            </td>
        </tr> --}}
        <tr>
            <td></td>
        </tr>
        <tr>
            <td class="text-center"> {!! modull('PTX')->link !!}</td>
        </tr>
    </table>
</div>
