<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		body{
			font-family: 'Helvetica','sans-serif';
		}
		.fontStyle1 {
			font-size: 8px;
			line-height: 10px;
		}
		.fontStyle1 p{
			margin-top: 0px;
			margin-bottom: 0px;
		}
		.page-break {
		    page-break-after: always;
		}
		table {
  border-collapse: collapse;
}
	</style>
</head>
<body>
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<table width="100%">
					<tr>
						<td align="left">
							<img src="{{ url('assets/logo/cbb_new_logo2.png') }}" style="width:135px;height:auto">
						</td>
						<td align="right" style="font-size: 14px;">
							SERIAL NUMBER: <b>{{ $wo->wo }}</b>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td height="10"></td>
		</tr>
		<tr>
			<td align="center" bgcolor="#f7ca57" style="font-size: 13px; height: 30px;border:1px solid black" ><b>WORK ORDER</b></td>
		</tr>
		<tr>
			<td height="5"></td>
		</tr>
		<tr>
			<td>
				<table>
					<tr>
						<td style="width: 100px; font-size: 13px;">Task:</td>
						<td style="width: 150px;border:1px solid black;font-size: 13px;height:17px"><span>{{ $wo->nature_work }}</span></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td height="5"></td>
		</tr>
		<tr>
			<td>
				<table border="1" width="100%" cellpadding="0" cellspacing="0">
					<tr bgcolor="#FFA500" >
						<td colspan="2" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;" ><b>CUSTOMER DETAILS</b></td>
					</tr>
					@if($form->type_application == 'R')
					<tr>
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>CUSTOMER NAME</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $form->Subscriber->name }}</b></td>
					</tr>
					@elseif($form->type_application == 'B')
					<tr>
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>COMPANY NAME</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $form->Subscriber->company_name }}</b></td>
					</tr>
					@endif
					<tr>
						<td style="width: 170px;height: 35px; font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>SERVICE ADDRESS</b></td>
						<td style="height: 35px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $address }}</b></td>
					</tr>
					@if($form->type_application == 'B')
					<tr>
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>CONTACT PERSON</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $form->Subscriber->name }}</b></td>
					</tr>
					@endif
					<tr>
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>CONTACT NO.</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $form->Subscriber->phone1 }}</b></td>
					</tr>
					<tr>
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>APPOINT.DATE & TIME</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $wo->dateTimeStart }}</b></td>
					</tr>
					<tr style="border-bottom:0px">
						<td style="width: 170px;height: 35px; font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>OLD ADDRESS</b></td>
						<td style="height: 35px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table border="1" width="100%" cellpadding="0" cellspacing="0">
					<tr bgcolor="#FFA500" style="border:0">
						<td colspan="4" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>ACTIVATION DETAILS</b></td>
					</tr>
					<tr>
						<td colspan="4" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>FIBER INTERNET</b></td>
					</tr>
					<tr>
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;border-top:0px"><b>PPPOE - Username</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;border-top:0px;word-wrap: break-word;"><b>{{ $wo->pppoe_username }}</b></td>
						<td bgcolor="#f7ca57" colspan="2" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;border-top:0px"><b>ALLO CONTACT PERSON</b></td>
					</tr>	
					<tr style="border-top:0px">
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>PPPOE - Password</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $wo->pppoe_password }}</b></td>
						<td bgcolor="#f7ca57" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>NAME</b></td>
						@if($created_by == '')
						<td bgcolor="#f7ca57" style="font-size: 10px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>Nizam</b></td>
						@else
						<td bgcolor="#f7ca57" style="font-size: 10px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $created_by->StaffDetail->name }}</b></td>
						@endif
					</tr>	
					<tr style="border-top:0px">
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>PACKAGE / BANDWIDTH</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $product }}</b></td>
						<td bgcolor="#f7ca57" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>EMAIL</b></td>
						@if($created_by == '')
						<td bgcolor="#f7ca57" style="font-size: 10px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>nizam@allo.com.my</b></td>
						@else
						<td bgcolor="#f7ca57" style="font-size: 10px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $created_by->StaffDetail->email }}</b></td>
						@endif
					</tr>
					<tr style="border-top:0px">
						<td colspan="2" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"></td>
						<td bgcolor="#f7ca57" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>CONTACT NO.</b></td>
						<td bgcolor="#f7ca57" style="font-size: 10px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>03-88005222</b></td>
					</tr>		
				</table>
			</td>
		</tr>
		<tr>
			<td height="25"></td>
		</tr>
		<tr>
			<td>
				<table border="1" width="100%" cellpadding="0" cellspacing="0">
					<tr>
						<td colspan="4" style="height: 15px; font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>EQUIPMENT</b></td>
					</tr>
					<tr style="border-top:0px">
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>ONU / ONT</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>{{ $wo->onu }}</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>PHONE</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>{{ $wo->need_phone }}</b></td>
					</tr>
					<tr style="border-top:0px">
						<td style="width: 170px;font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>ROUTER</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>{{ $wo->router }}</b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>NUMBER OF PHONE </b></td>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>{{ $wo->no_phone }}</b></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td height="25"></td>
		</tr>
		<tr>
			<td>
				<table border="1" width="100%" cellspacing="0">
					<tr>
						<td style="width: 170px; height: 50px; font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>REMARKS</b></td>
						<td colspan="2" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ $wo->remarks_custservice }}</b></td>
					</tr>
					<tr>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>PREPARED BY</b></td>
						<td colspan="2" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>Customer Service</b></td>
					</tr>
					<tr>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>DATE & TIME</b></td>
						<td colspan="2" style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;word-wrap: break-word;"><b>{{ date("M d Y - H:i", strtotime($created_at)) }}</b></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td height="10"></td>
		</tr>
		<tr>
			<td>
				<table border="1" width="100%" cellspacing="0">
					<tr>
						<td style="font-size: 11px; padding-left: 5; padding-top: 5; padding-bottom: 5;"><b>NOTE : PLEASE QUOTE OUR WORK ORDER SERIAL NUMBER ON YOUR DOCKETS.</b></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>
