<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    @if (isset($title))
    	<title>{{ $title }}</title>
	@endif
    <link href="{{ base_path() . '/public/assets/vendor/bootstrap-5.0.2-dist/css/bootstrap.css' }}" rel="stylesheet">
    <style>
        @page {
            margin: 0;
        }

        * {
            /* margin: 0; */
            line-height: 1.2;
            color: #000;
        }

        /* html { margin: 0} */

        body {
            font-weight: 400;
            margin: 1.5cm 1cm 1cm 1cm;
        }

        .word-break {
            word-wrap: break-word;
            overflow-wrap: break-word;
        }

        .page-break {
            page-break-after: always;
        }

        strong {
            font-weight: 1000;
        }

        .general-photo {
            max-width: 600px;
            max-height: 400px;
        }

        .dynamic-photo {
            max-width: 80%;
            max-height: 40%;
        }

    </style>
</head>

<body>

    <table class="table mb-2">
        <tbody>
            <tr>
                <td>
                    <p style="margin:0 0 1rem 0.25rem;font-size:24px;"><strong>{{ (isset($title)) ? $title : '' }}</strong></p>
                </td>
                <td class="text-end"><img src="{{ base_path() . '/public/images/bonceng-red.png' }}"
                        alt="PT. BONCENG INDONESIA" style="margin:0 1.5rem 0 0;"></td>
            </tr>
        </tbody>
    </table>
    <table class="table mb-3">
        <tbody>
            <tr>
                <td style="width:50%;">
                    <p style="margin:0;font-size:16px;"><strong>Lokasi Kejadian</strong></p>
                </td>
				<td style="width:50%;">
                    <p style="margin:0;font-size:16px;"><strong>Kronologi Kejadian</strong></p>
                </td>
            </tr>
            <tr>
                <td style="width:50%;"><p style="margin:0.5rem 0 0 0;font-size:14px;">{{ $order->ord_acdnt_location }}</p></td>
                <td style="width:50%;"><p style="margin:0.5rem 0 0 0;font-size:14px;">{{ $order->ord_acdnt_story }}</p></td>
            </tr>
        </tbody>
    </table>
	<table class="table mb-3">
        <tbody>
            <tr>
                <td style="width:50%;">
                    <p style="margin:0;font-size:16px;"><strong>Nomor Polisi Kendaraan Pengganti</strong></p>
                </td>
				<td style="width:50%;">
                    <p style="margin:0;font-size:16px;"><strong>Tipe Kendaraan Pengganti</strong></p>
                </td>
            </tr>
            <tr>
                <td style="width:50%;"><p style="margin:0.5rem 0 0 0;font-size:14px;">{{ $order->ord_acdnt_new_nopol1 . ' ' . $order->ord_acdnt_new_nopol2 . ' ' . $order->ord_acdnt_new_nopol3 }}</p></td>
                <td style="width:50%;"><p style="margin:0.5rem 0 0 0;font-size:14px;">{{ $order->ord_acdnt_new_vhc_type_name }}</p></td>
            </tr>
        </tbody>
    </table>
	<table class="table mb-3">
        <tbody>
            <tr>
                <td>
                    <p style="margin:0;font-size:16px;"><strong>Pengendara Pengganti</strong></p>
                </td>
            </tr>
            <tr>
                <td>
					<div style="margin-top:0.5rem;">
						<table class="table mb-3">
							<tr>
								<td style="width:15%;">
									<span style="font-size:14px;">{{ $order->ord_acdnt_new_drv_name }}</span>
								</td>
								<td>
									<a href="tel:0{{ $order->ord_acdnt_new_drv_phone_val }}" style="text-decoration:none;">
										{{ implode(' ', str_split('0' . $order->ord_acdnt_new_drv_phone_val, 4)) }}
									</a>
								</td>
							</tr>
						</table>
						{{-- <p class="mb-0">
							<span style="font-size:14px;">{{ $order->ord_acdnt_new_drv_name }}</span>
						</p>
						<p class="mb-0">
							<a href="tel:0{{ $order->ord_acdnt_new_drv_phone_val }}" style="text-decoration:none;">
								{{ implode(' ', str_split('0' . $order->ord_acdnt_new_drv_phone_val, 4)) }}
							</a>
						</p>
						<p class="mb-0">
							<a href="https://api.whatsapp.com/send/?phone=62{{ $order->ord_acdnt_new_drv_phone_val }}&text=Halo&app_absent=0" class="" target="_blank" style="text-decoration:none;">
								{{ implode(' ', str_split('0' . $order->ord_acdnt_new_drv_phone_val, 4)) }}
							</a>
						</p> --}}
					</div>
				</td>
            </tr>
        </tbody>
    </table>

</body>

</html>
