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

<style>
	.conversation-container {
		border-radius: 4px;
		/*border:1px solid #3553a2;*/
		padding: 10px;
		/*background: #acb0c3;*/
	}
	.mail-container-inbox 
	{
		background: #f7f7f7;
		/*border: 1px solid #3553a2;*/
		border-radius: 15px;
		margin-right: 40px;
		cursor: pointer;
		padding: 10px;
		margin-top: 10px;
		margin-bottom: 25px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		border-left: 5px solid #4361ee;
	}
	.mail-container-outbox
	{
		background: #f7f7f7 !important;
		/*border: 1px solid #3553a2;*/
		border-radius: 15px;
		margin-left: 88px;
		cursor: pointer;
		padding: 10px;
		margin-top: 10px;
		margin-bottom: 25px;
		box-shadow: 2px 2px 2px 2px #0000009c;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
		border-left: 5px solid #805dca;

	}

	.mailBody
	{
		display: block;
		overflow: auto;
	}

	.timestamp-inbox
	{
		margin-left: 8px;
		color: #0000004f  !important;
	}
	.timestamp-outbox
	{
		position: relative;
		right: -713px;
		color: #0000004f  !important;

	}
</style>

@if(count($EmailConversations)!=0)


<div class="col-md-12 conversation-container" >
	@foreach($EmailConversations as $key=> $ec)


	@if($ec['EmailType']=="Inbound")
	<!-- <div class="col-md-11 mail-container-inbox" title="click here to view mail body" onclick="ViewConversationBody('{{$key}}')"> -->
		<div class="col-md-11 mail-container-inbox" title="click here to view mail body">
			<small class="timestamp-inbox">{{date('d-M-Y h:i:s',strtotime($ec['SentDate']))}} </small>	<br>
			<small class="timestamp-inbox">From : {{$ec['FromAddress']}}</small><br>	
			<!--<small class="timestamp-inbox">To : {{$ec['ReplyToAddr']}}</small>	-->
			<p class="text-primary">{{$ec['EmailSubject']}}</p>
			<!-- <span class="mailBody" id="mailBody{{$key}}" style="display: none"> -->
				<span class="mailBody" id="mailBody{{$key}}">
					@php
					echo $ec['DescriptionHtml'];
					@endphp
				</span>
				
			</div>


			@endif

			@if($ec['EmailType']=="Outbound")
			<!-- <div class="col-md-11 mail-container-outbox "  title="click here to view mail body" onclick="ViewConversationBody('{{$key}}')"> -->
				<div class="col-md-11 mail-container-outbox "  title="click here to view mail body" >
					<small class="timestamp-outbox">{{date('d-M-Y h:i:s',strtotime($ec['SentDate']))}}</small> <br>
					<small class="timestamp-outbox">From : {{$ec['FromAddress']}}</small><br>	
					<!--<small class="timestamp-outbox">To : {{$ec['ReplyToAddr']}}</small>	-->
					<p class="text-secondary">{{$ec['EmailSubject']}}</p>
					<!-- <span class="mailBody" id="mailBody{{$key}}" style="display: none"> -->
						<span class="mailBody" id="mailBody{{$key}}" >
							@php
							echo $ec['DescriptionHtml'];
							@endphp
						</span>
						
					</div>

					@endif




					@endforeach
				</div>
				@else
				No Conversations!
				@endif

				<script>

					ViewConversationBody=(id)=>
					{
						$(`#mailBody${id}`).toggle();
					}

				</script>