@extends('emails.layouts.master')

@section('content')
	<div style="font-style: italic; color: #555;">
		<!-- ******** Please do not reply to this email ******** -->
	</div>
	<div style="font-size: 14px; margin-top: 10px; color: #999;">
		### Please do not reply to this email! ###
	</div>

	<!-- Bordered delimiter -->
	<div style="height: 1px; border-top: 1px dashed #cacaca; margin: 5px 0;"></div>

	<!-- Render the person's details -->
	<table style="width: 100%; border: none;">
		<tbody>
			<tr>
				<td style="width: 60px; vertical-align: middle;">
					<img src="{!! strpos($task->user->profile_photo_url, 'data:image') !== FALSE ? $task->user->profile_photo_url : 'data:image/png;base64,'. base64_encode(file_get_contents($task->user->profile_photo_url)) !!}" alt="Profile Photo" style="width: 50px; height: 50px; font-size: 15px; border-radius: 7px; border: 1px solid #EAEAEA;">
				</td>
				<td>
					<div style="font-size: 27px; padding-top: 15px; padding-bottom: 5px;">
						<span style="font-weight: bold; color: #3a87ad; font-style: italic;">{!! $task->user->first_name !!}</span> <span style="">completed a support ticket.</span>
					</div>
					<div style="font-size: 15px; color: #999;">
						{!! $task->id !!} &middot; {!! $task->client->name !!}
					</div>
				</td>
			</tr>
		</tbody>
	</table>

	<div style="clear: both;"></div>

	<table style="width: 100%; boder: none; margin-top: 20px;">
		<tbody>
			<tr>
				<td style="width: 100%;">

					<!-- Render details about the job -->
					<p style="font-size: 17px; font-weight: bold;">{!! $task->title !!}</p>

					<p style="font-size: 13px; color: #555;">
						{!! $task->problem !!}
					</p>

				</td>
			</tr>
		</tbody>
	</table>
@stop

@section('automessage')
	<!-- Bordered delimiter -->
	<div style="height: 1px; border-top: 1px dashed #cacaca; margin: 5px 0;"></div>

	<div style="font-size: 14px; margin-top: 10px; color: #999;">
		## This message was generated using the <span style="color: #3a87ad;">Seraph HelpDesk</span> ##
	</div>
@stop