@extends('layouts.base_pdf')
@section('inner_content')
    <style>
        .scissors {
            font-size: 30px;
            position: absolute;
            top: 47.1%;
        }
    </style>
    <table style="width: 100%; border-spacing: 0;">
        <tbody>
        @for ($i = 0; $i < 2; $i++)
            <tr style="border-spacing: 2em;">
                <td align="center" width="25%" style="border: 2px solid #000000; border-right: none;">
                    <table width="100%">
                        <tbody>
                        <tr align="center">
                            <td>
                                <img src="{{ url('https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl={"id":'.$order->id.'}') }}" style="margin-top: 20px;" />
                            </td>
                        </tr>
                        <tr align="center">
                            <td>
                                <h2 style="margin: 0 !important;"><strong>#{{$order->reference}}</strong></h2>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
                <td width="75%" style="border: 2px solid #000000; border-left: none;">
                    <table style="border-spacing:10px 10px;">
                        <tbody>
                        <tr>
                            <td style="border-bottom: solid 2px #000000;">
                                <h1 style="font-size: 50px; line-height: 70px">{{(strtolower($delivery_address->state->name) === 'sabah' || strtolower($delivery_address->state->name) === 'labuan') ? 'SB/' : (strtolower($delivery_address->state->name) === 'sarawak' ? 'SRW/':'')}}CIEF/{{$marking}}/{{$order->reference}}</h1>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p style="font-size: 30px; margin-bottom: 0 !important; margin-top: 10px !important;">仓库地址:</p>
                                <p style="margin-top: 5px !important;  margin-bottom: 5px !important; word-wrap: break-word; font-size: 30px;">{{$warehouse_address->state->name.' '.$warehouse_address->district->name.' '.$warehouse_address->street_one.' '.$warehouse_address->street_two.' 邮编:'.$warehouse_address->postcode}}</p>
                                <p style="margin-top: 5px !important; margin-bottom: 0px !important; font-size: 30px;">联系：@foreach($warehouse_contacts as $contact){{ $loop->first ? '' : ' / ' }}{{ $contact->phone.' '.$contact->reference }}@endforeach</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            @if($i === 0)
                <tr>
                    <td style="padding-top: 2em; padding-bottom: 2em;">
                        <table style="width: 100%;">
                            <tbody>
                            <tr>
                                <td style="position: relative; border-bottom: 2px dashed;">
                                    <div class="scissors" style="left: 100px;">&#9986;</div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                    <td style="padding-top: 2em; padding-bottom: 2em;">
                        <table style="width: 100%;">
                            <tbody>
                            <tr>
                                <td style="position: relative; border-bottom: 2px dashed;">
                                    <div class="scissors" style="left: 500px;">&#9986;</div>
                                    <div class="scissors" style="left: 900px;">&#9986;</div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            @endif
        @endfor
        </tbody>
    </table>
@endsection