@extends('backend.handoff.layouts.app')

@section('content')
<div class="row">
	<div class="col-md-12">
	<div class="panel panel-default">
    <div class="panel-heading">{{ _lang('Chat History') }}
	@if(Auth::user()->user_type == "admin")
    	<a class="btn btn-warning btn-sm pull-right" href="/handoff/message/chat_history">{{ _lang('Back') }}</a>
	@else
		<a class="btn btn-warning btn-sm pull-right" href="/handoff/dashboard">{{ _lang('Back to Dashboard') }}</a>
	@endif
    </div>

	<div class="panel-body">
	 <div class="chat">
	   <div class="chat_history_area">
		  <ul class="chat-history">
			  @foreach($chat_history as $chat)

				  @if($chat->sender == "guest")
					  <li class="clearfix">
						<div class="message-data align-right">
						  <span class="message-data-time">{{ $chat->created_at }}</span> &nbsp; &nbsp;
						  <span class="message-data-name">{{ $chat->guest." ("._lang('Guest').")" }}</span> <i class="fa fa-circle me"></i>

						</div>
						<div class="message other-message float-right">
						  {!! $chat->message !!}
						</div>
					  </li>
				  @else
					  <li>
						<div class="message-data">
						  <span class="message-data-name"   ><i class="fa fa-circle online"></i> {{ $chat->sender_name." ("._lang('Operator').")" }}</span>
						  <span class="message-data-time">{{ $chat->created_at }}</span>
						</div>
						<div class="message my-message">
						  {!! $chat->message !!}
						</div>
					  </li>
				  @endif
              @endforeach
			</ul>
		</div>
	  </div>
	</div>
  </div>
 </div>
</div>
@endsection