<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>order-qr-{{$data['order']->marking}}</title>
</head>
<style>
    @font-face {
        font-family: 'HanWangYenHeavy';
        font-style: normal;
        font-weight: 400;
        src: url(http://eclecticgeek.com/dompdf/fonts/cjk/fireflysung.ttf) format('truetype');
    }
    @page { margin: 0px; }
    body { margin: 0px; }
    body {
        font-family: Firefly Sung, DejaVu Sans, sans-serif;
        text-transform: uppercase;
    }
    .page-break {
        page-break-after: always;
    }
</style>
<body>
    <table style="width: 100%;">
        <tbody>
        @for ($i = 0; $i < 4; $i++)
            <tr>
                <td align="center" width="30%" >
                    <table width="100%">
                        <tbody>
                        <tr align="center">
                            <td>
                                <img src="{{ url('https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={"hash":"{1*23456}","id":'.$data['order']->id.'}') }}"  />
                            </td>
                        </tr>
                        <tr align="center">
                            <td>
                                <h6 style="margin: 0 !important;"><strong>#{{$data['order']->marking}}</strong></h6>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
                <td width="70%" style="padding: 15px !important;">
                    <table>
                        <tbody>
                        <tr>
                            <td>
                                <h3 style="margin-top: 0px !important; margin-bottom: 10px !important;">@if(strtolower($data['delivery_address']->state) === 'sabah') SB/ @elseif(strtolower($data['delivery_address']->state) === 'sarawak') SRW/ @endif{{$data['company']->marking}}/{{$data['order']->marking}}</h3>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                </td>
            </tr>
        @endfor
        </tbody>
    </table>
</body>
</html>

