<style>
    .headlap {
        text-align: center;
    }

    .headlap h3 {
        font-weight: 900;
    }

    .headlap h5 {
        font-weight: 800;
        color: red;
    }

    table.lap {
        width: 100%;
    }

    .lap tr th {
        text-align: left;
    }

    .cek {
        border: 1px solid;
        height: 200px;
    }

    @media print {

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

        h3 {
            border-bottom: 2px solid;
        }

        .lap tr th {
            /* border: 1px solid; */
            /* border-color: rgb(126, 124, 124); */
            text-align: left;
            /* background-color: rgb(115, 115, 245); */
            /* color: white; */
            /* font-size: 10pt; */
        }

        .lap tr td {
            /* border: 1px solid; */
            /* border-color: rgb(126, 124, 124); */
            /* font-size: 12px; */
        }

        .card-header {
            border: 0px;
        }

        .cek {
            border: 1px solid;
            height: 200px;
        }
    }
</style>
<div class="headlap">
    <h3>LAPORAN INVOICE PERGANTIAN SHIFT</h3>
    <div class="card">
        <div class="card-header">
            <table class="lap">
                <tr>
                    <th width="17%">Nama Petugas</th>
                    <th width="2%">:</th>
                    <th>{{ Auth::user()->nm_user }}</th>
                    <th></th>
                    <th width="13%">Total Transaksi</th>
                    <th width="2%">:</th>
                    <th width="13%">{{ $data['totaltransaksi'] }}</th>
                </tr>
                <tr>
                    <th>Jam Buka</th>
                    <th>:</th>
                    <th>{{ $data['jambuka'] }}</th>
                    <th></th>
                    <th>Jumlah Total</th>
                    <th>:</th>
                    <th>{{ $data['jmltotal'] }}</th>
                </tr>
                <tr>
                    <th>Jam Tutup</th>
                    <th>:</th>
                    <th>{{ $data['jamtutup'] }}</th>
                    <th></th>
                    <th>Bayar Transfer </th>
                    <th>:</th>
                    <th>{{ $data['viatf'] }}</th>
                </tr>
                <tr>
                    <th>Diserahkan Kepada</th>
                    <th>:</th>
                    <th>Owner</th>
                    <th></th>
                    <th>Uang Di Kasir</th>
                    <th>:</th>
                    <th>{{ $data['ungkasir'] }}</th>
                </tr>
                <tr>
                    <th>Catatan</th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th>Selisih</th>
                    <th>:</th>
                    <th></th>
                </tr>
            </table>
        </div>
        <div class="card-body cek" style="height: 200px">

        </div>

        <table style="width: 100%;">
            <tr>
                <td style="text-align: center; vertical-align: top;">
                    <br>
                    Yang menyerahkan, <br>

                    <br>
                    <br>
                    <br>

                    <b><u>{{ Auth::user()->nm_user }} </u></b>
                </td>
                <td style="text-align: center; vertical-align: top;">
                    {{ modull('PTX')->gambar }}, {{ date('d M Y') }}<br>
                    Yang menerima,
                    <br>
                    <br>
                    <br>
                    <br>
                    <b><u>OWNER</u></b>
                </td>
            </tr>
        </table>
    </div>
</div>
