@component('mail::message')
<style type="text/css">
	.header a{
		font-size: 36px !important;
	    color: #345f81 !important;
	    text-transform: uppercase !important;
	    font-weight: 800 !important;
	}
</style>


<div style="border-bottom: 1px solid #ddd; font-size: 20px;padding-bottom: 10px;color: #345f81;font-weight: 600;">
	@if($book_status == 0)
		Booking status has change to Pending
	@elseif($book_status == 1)
		Booking has been Confirmed
	@elseif($book_status == 2)
		Booking is Cancelled
	@elseif($book_status == 3)
		Booking status has change to Completed
	@else
		Booking undefined
	@endif
</div>

<div style="color:#000;">
	Hi {{ $client_name }}
</div>

<div style="margin: 1rem 0 2rem;color:#000;background-color: #ececec;padding: 10px;">
	Your Booking has been confirmed! 
</div>

<div style="padding-bottom: 2rem;border-bottom: 1px solid #ddd; margin-bottom: 15px;">	
	<p style="color:#000;margin-bottom: 5px;"><b>Booked Staff:</b> {{ $staff_name }}</p>
	<p style="color:#000;margin-bottom: 5px;"><b>Job Role:</b> {{ $job_role }}</p>
	<p style="color:#000;margin-bottom: 5px;"><b>Booking Date: </b> {{ $booking_date }} | <b>Booking Time: </b> {{ $booking_time }}</p>
	<p style="color:#000;margin-bottom: 5px;"><b>Notes:</b> {{ $notes }}</p>
</div>

<div style="margin: 1rem 0 2rem;color:#000;background-color: #ececec;padding: 10px;">
	<p style="color:#000;margin-bottom: 5px;"><b>Feedback</b></p>
	<p>{{ $feedback }}</p>
</div>

<div style="margin-bottom: 2rem;color: #000;font-size: 14px;">
	If you have questions feel free to contact us at enquiries@mandnhealthcare.com
</div>

<div style="color:#000;">
Thanks,<br>
{{ config('app.name') }}
</div>
@endcomponent