<!DOCTYPE html>
<html lang="en">

<head>
    <script>
        window.onload = function() {
            window.print();
        }
    </script>
    <style>
        #card {
            box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5);
            padding: 2mm;
            margin: 0 auto;
            width: 100mm;
            background: #FFF;
        }
    </style>
</head>

<body>
    <div id="card">
        <div id="bot">
            <div id="table">
                <table>
                    <tr>
                        <td>
                            <center>
                                {!! QrCode::generate($member->national_id) !!}
                            </center>
                            <hr>
                        </td>
                    </tr>
                    <tr>
                        <td><strong>Memmber Name: </strong> {{$member->name}} {{$member->surname}} <br>
                            <strong>Policy #: </strong> {{$member->national_id}}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>

</html>