File: /mnt/data/ghayatcom/ghayatcom-api/resources/views/pdf/medical_note_pdf.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Company Medical Note</title>
</head>
<body>
<div class="main-wrapper">
<div class="page-wrapper ml-0">
<div class="content container-fluid">
<div class="invoice-box" style="max-width: 1280px;margin:auto;font-family: 'Noto sans', sans-serif;color: #555;">
<table cellpadding="0" cellspacing="0" style="width: 100%;line-height: inherit;text-align: left;font-family: Noto Sans, sans-serif;">
<tr class="top">
<td colspan="6" style="padding: 10px 15px 25px;vertical-align: top; border-bottom: 2px solid #223166;">
<table style="width: 100%;line-height: inherit;text-align: left;">
<tr>
<td class="title" style="padding: 5px;vertical-align: top;max-width: 180px;">
<img src="{{ $logo_image }}" alt="Logo" style="width:100%; max-width:180px;">
</td>
<td style="padding: 5px;color: #433489;display: inline-flex;text-align: right;vertical-align: middle;line-height: 2;">
<table style="line-height: inherit;text-align: left;color: #000;">
<tr>
<td style="border-left: 2px solid #223166;padding: 0 25px 0 10px; margin: 0 25px 0 0;font-size: 14px;width: 200px;">
{{ config('app.name') }} contact details<br>{{$contact_email}}
</td>
<td style="border-left: 2px solid #223166;padding: 10px 0 10px 10px; margin-left: 10px;font-size: 14px;width: 150px;">
{{$website}}
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="information">
<td colspan="6" style="vertical-align: top;padding: 25px 10px 0;">
<table style="width: 100%;line-height: inherit;text-align: left;font-size: 13px;color: #000;">
<tr>
<td style="padding: 5px;vertical-align: top;padding-bottom: 25px; color: #131523;font-size: 24px;font-weight: 600;">
Medical note
</td>
<td style="padding: 5px;vertical-align: top;text-align: right;padding-bottom: 25px;">
<table style="line-height: inherit;text-align: left;font-size: 13px;color: #000;">
<tr>
<td style="background: #B8E7E8; border-radius: 6px 6px 6px 6px;font-size: 14px;padding: 6px;margin: 0 0 10px;-webkit-print-color-adjust: exact !important; display: inline-block;">
Consultation ID. <span style="font-size: 18px; font-weight: 600;display: inline-block;padding: 10px;">{{ $appointment["consultation_id"] }}</span>
</td>
</tr>
<tr>
<td style="font-size: 12px;color: #7E84A3;text-align: right;padding-top: 10px;">
Date: <span style="color: #354052;">{{ \Carbon\Carbon::parse($appointment["created_at"])->format('d/m/Y')}}</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="top">
<td colspan="6" style="padding: 25px 10px 0; vertical-align: top;">
<table style="width: 100%;line-height: inherit;text-align: left;">
<tr>
<td class="title" colspan="6" style="border: 1px solid #223166;border-radius: 10px;">
<table style="width: 100%;line-height: inherit;text-align: left;">
<tr>
<td colspan="3" style="padding: 10px;vertical-align: top;border-right: 1px solid #223166;width: 100%;">
<table style="width: 100%;line-height: inherit;text-align: left;">
<tr>
<td colspan="3" style="text-transform: uppercase;color: #433489; padding-bottom: 18px;font-weight: 600; vertical-align: top;">
PATIENT DETAILS
</td>
</tr>
<tr>
<td style="padding-bottom: 5px;vertical-align: top;margin-bottom: 5px;">
<img src="{{$patient_image}}" alt="img" style="width: 68px;height: 68px;border-radius: 6px;">
</td>
<td style="vertical-align: middle;">
<span>
<h6 style="margin: 0;padding-bottom: 6px; font-size: 14px; color: #131523;">{{ $appointment["patientDetails"]["first_name"]." ".$appointment["patientDetails"]["last_name"] }}</h6>
<p style="margin: 0;font-size: 12px; color: #354052;">Patient ID: {{$appointment["patientDetails"]["passport_number"]}}</p>
</span>
</td>
</tr>
<tr>
<td style="font-size: 12px;width: 100px;padding-bottom: 6px;">
<span style="color: #7E84A3;">Gender</span>
</td>
<td style="font-size: 12px;padding-bottom: 6px;">
<span style="color: #354052;">{{$appointment["patientDetails"]["gender"]}}</span>
</td>
</tr>
<tr>
<td style="font-size: 12px;width: 100px;padding-bottom: 6px;">
<span style="color: #7E84A3;">Age</span>
</td>
<td style="font-size: 12px;padding-bottom: 6px;">
<span style="color: #354052;">{{\Carbon\Carbon::parse($appointment['patientDetails']['dob'])->diff(\Carbon\Carbon::now())->format('%y')}} years</span>
</td>
</tr>
<tr>
<td style="font-size: 12px;width: 100px;padding-bottom: 6px;">
<span style="color: #7E84A3;">DOB</span>
</td>
<td style="font-size: 12px;padding-bottom: 6px;">
<span style="color: #354052;">{{ \Carbon\Carbon::parse($appointment["patientDetails"]['dob'])->format('d/m/Y')}}</span>
</td>
</tr>
<tr>
<td style="font-size: 12px;width: 100px;padding-bottom: 6px;">
<span style="color: #7E84A3;">Email</span>
</td>
<td style="font-size: 12px;padding-bottom: 6px;">
<span style="color: #354052;">{{$emailRecipient}}</span>
</td>
</tr>
<tr>
<td style="font-size: 12px;width: 100px;padding-bottom: 6px;">
<span style="color: #7E84A3;">Phone</span>
</td>
<td style="font-size: 12px;padding-bottom: 6px;">
<span style="color: #5EC6CD;font-weight: 600;">+{{$appointment['patientDetails']['country_code']." ".$appointment['patientDetails']['mobile_number']}}</span>
</td>
</tr>
</table>
</td>
<td colspan="3" style="padding: 10px;vertical-align: top;width: 100%;">
<table style="width: 100%;line-height: inherit;text-align: left;">
<tr>
<td colspan="2" style="text-transform: uppercase;color: #433489; padding-bottom: 18px;font-weight: 600; vertical-align: top;">
DOCTOR DETAILS
</td>
</tr>
<tr>
<td style="padding-bottom: 5px;vertical-align: top;margin-bottom: 5px;width: 100px;">
<img src="{{$doctor_image}}" alt="img" style="width: 68px;height: 68px;border-radius: 6px;">
</td>
<td style="vertical-align: middle;">
<span style="padding-left: 26px;">
<h6 style="margin: 0;padding-bottom: 6px; font-size: 14px; color: #131523;">Dr {{$appointment['doctorDetails']['first_name']." ".$appointment['doctorDetails']['last_name'] }}</h6>
<p style="margin-top: 10px;font-size: 12px; color: #354052;">@if(count($appointment['doctorDetails']['userDetail']['UserAreaSpecialization']) != 0)
{{ $appointment['doctorDetails']['userDetail']['UserAreaSpecialization']['0']['area_specialisation_name']}}
@endif</p>
</span>
</td>
</tr>
<tr>
<td colspan="2" style="font-size: 12px;padding-top: 15px;">
<p style="margin: 0;color: #7E84A3;padding-bottom: 6px;">Medical registration number</p>
<span style="color: #131523;font-weight: bold;">{{$appointment['doctorDetails']['userDetail']['medical_council_regno']}}</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="note">
<td colspan="6">
<table cellpadding="0" cellspacing="0" style="width: 100%;line-height: inherit;margin-top: 30px; margin-left: auto;background: #F5F6FA;border-radius: 10px;padding: 20px;-webkit-print-color-adjust: exact !important;">
<tr class="bottom">
<td style="margin: 0;text-transform: uppercase;color: #433489; padding-bottom: 12px;font-weight: semibold; vertical-align: top;">
MEDICAL NOTE
</td>
</tr>
<tr class="bottom">
<td style="margin: 0;font-size: 12px;line-height: 1.6;">
{{$medical_note}}
</td>
</tr>
</table>
</td>
</tr>
<tr class="details">
<td colspan="3"></td>
<td colspan="3">
<table cellpadding="0" cellspacing="0" style="width: 100%;line-height: inherit;color: #354052;font-size: 12px;margin-top: 30px; margin-left: auto;border: 2px solid #CAD0ED;border-radius: 10px;padding: 10px;">
<tr class="bottom">
<td style="width: 70%;">
<p>E-signature</p>
<p>Doctor's name <span style="font-weight: bold;">Dr {{$appointment['doctorDetails']['first_name']." ".$appointment['doctorDetails']['last_name'] }}</span></p>
<p>Medical council registration number</p>
<p>{{$appointment['doctorDetails']['userDetail']['medical_council_regno']}}</p>
</td>
@if(!empty($appointment['doctorDetails']['signature']))
<td style="text-align: left;">
<img src="{{$doctor_signature}}" alt="img" style="width: 68px;height: 68px;">
</td>
@endif
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>