@php

//echo "<pre>";
	//	print_r($Records);
//echo "</pre>";
@endphp


@foreach ($Records as $tck)

@if($tck->EmailType=="Inbound")
<div id="{{$tck->EmailId}}" class="mail-item mailInbox"  mailsubtitle="{{$tck->EmailSubject}}" onclick="displayMailBody('{{$tck->EmailId}}')" style="display: block">
	<div class="animated animatedFadeInUp fadeInUp" id="mailHeadingThree">
		<div class="mb-0">
			<!-- data-target value should be same as mail content div view id -->
			<div class="mail-item-heading social collapsed"  data-toggle="collapse" role="navigation" data-target="#mailCollapseThree{{$tck->EmailId}}" aria-expanded="false">
				<div class="mail-item-inner">

					<div class="d-flex">
						<div class="n-chk text-center">
							<label class="new-control new-checkbox checkbox-primary">
								<input type="checkbox" class="new-control-input inbox-chkbox">
								<span class="new-control-indicator"></span>
							</label>
						</div>
						<div class="f-head">
							<div class="">
								<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
							</div>
						</div>
						<div class="f-body">
							<div class="meta-mail-time">
								<p class="user-email" data-mailTo="{{$tck->FromAddress}}">{{$tck->FromAddress}} {{$tck->FromAddress}}</p>
							</div>
							<div class="meta-title-tag">
								<p class="mail-content-excerpt" data-mailDescription='{"ops":[{"insert":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.\n"}]}'><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-paperclip attachment-indicator"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg><span class="mail-title" data-mailTitle="{{$tck->EmailSubject}}">{{$tck->EmailSubject}} - </span> 
									<!-- EMail body should come here-->
								</p>
								<div class="tags">
									<span class="g-dot-primary"></span>
									<span class="g-dot-warning"></span>
									<span class="g-dot-success"></span>
									<span class="g-dot-danger"></span>
								</div>
								<p class="meta-time align-self-center">{{$tck->UpdatedDate}}</p>
							</div>
						</div>
					</div>
				</div>
				<div class="attachments" style="display: none">
					<span class="">Confirm File.txt</span>
					<span class="">Important Docs.xml</span>
				</div>
			</div>
		</div>
	</div>
</div>
<!---- div tag to close-->
@endif
@endforeach


@foreach ($Records as $tck)

@if($tck->EmailType=="Draft")
<div class="mail-item draft" id="{{$tck->EmailId}}" onclick="UpdateDraftId('{{$tck->EmailId}}')" >
	<div class="animated animatedFadeInUp fadeInUp" id="mailHeadingOne">
		<div class="mb-0">
			<div class="mail-item-heading personal collapsed"  data-toggle="collapse" role="navigation" data-target="#mailCollapseOne" aria-expanded="false">
				<div class="mail-item-inner">

					<div class="d-flex">
						<div class="n-chk text-center">
							<label class="new-control new-checkbox checkbox-primary">
								<input type="checkbox" class="new-control-input inbox-chkbox">
								<span class="new-control-indicator"></span>
							</label>
						</div>
						<div class="f-body" data-mailfrom="info@mail.com" data-mailto="{{$tck->ToAddress}}" data-mailcc="">
							<div class="meta-mail-time">
								<p class="user-email" data-mailTo="{{$tck->ToAddress}}">{{$tck->ToAddress}}</p>
							</div>
							<div class="meta-title-tag">
								<p class="mail-content-excerpt" data-maildescription='{"ops":[{"insert":"{{strip_tags($tck->DescriptionHtml)}}\n"}]}'><span class="mail-title" data-mailTitle="{{$tck->EmailSubject}}">Draft: {{$tck->EmailSubject}} - </span>

								</p>
								<div class="tags">
									<span class="g-dot-primary"></span>
									<span class="g-dot-warning"></span>
									<span class="g-dot-success"></span>
									<span class="g-dot-danger"></span>
								</div>
								<p class="meta-time align-self-center">
									@php
									echo date('d-m-Y',strtotime($tck->UpdatedDate));
									echo "\n";
									echo date('h-i-s A',strtotime($tck->UpdatedDate));
									@endphp
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endif
@endforeach

@foreach ($Records as $tck)

@if($tck->EmailType=="Outbound")
<div id="{{$tck->EmailId}}" class="mail-item sentmail"  mailsubtitle="{{$tck->EmailSubject}}" onclick="displayMailBody('{{$tck->EmailId}}')" style="display: block">
	<div class="animated animatedFadeInUp fadeInUp" id="mailHeadingThree">
		<div class="mb-0">
			<!-- data-target value should be same as mail content div view id -->
			<div class="mail-item-heading social collapsed"  data-toggle="collapse" role="navigation" data-target="#mailCollapseThree{{$tck->EmailId}}" aria-expanded="false">
				<div class="mail-item-inner">

					<div class="d-flex">
						<div class="n-chk text-center">
							<label class="new-control new-checkbox checkbox-primary">
								<input type="checkbox" class="new-control-input inbox-chkbox">
								<span class="new-control-indicator"></span>
							</label>
						</div>
						<div class="f-head">
							<div class="">
								<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
							</div>
						</div>
						<div class="f-body">
							<div class="meta-mail-time">
								<p class="user-email" data-mailTo="{{$tck->FromAddress}}">{{$tck->FromAddress}} {{$tck->FromAddress}}</p>
							</div>
							<div class="meta-title-tag">
								<p class="mail-content-excerpt" data-mailDescription='{"ops":[{"insert":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar feugiat consequat. Duis lacus nibh, sagittis id varius vel, aliquet non augue. Vivamus sem ante, ultrices at ex a, rhoncus ullamcorper tellus. Nunc iaculis eu ligula ac consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis urna neque, eget posuere lorem tempus non. Suspendisse ac turpis dictum, convallis est ut, posuere sem. Etiam imperdiet aliquam risus, eu commodo urna vestibulum at. Suspendisse malesuada lorem eu sodales aliquam.\n"}]}'><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-paperclip attachment-indicator"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg><span class="mail-title" data-mailTitle="{{$tck->EmailSubject}}">{{$tck->EmailSubject}} - </span> 
									<!-- EMail body should come here-->
								</p>
								<div class="tags">
									<span class="g-dot-primary"></span>
									<span class="g-dot-warning"></span>
									<span class="g-dot-success"></span>
									<span class="g-dot-danger"></span>
								</div>
								<p class="meta-time align-self-center">{{$tck->UpdatedDate}}</p>
							</div>
						</div>
					</div>
				</div>
				<div class="attachments" style="display: none">
					<span class="">Confirm File.txt</span>
					<span class="">Important Docs.xml</span>
				</div>
			</div>
		</div>
	</div>
</div>
@endif
@endforeach