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

@section('content')

<div class="row">
	<div class="col-md-12">
		<div class="panel panel-default no-export">
			<div class="panel-heading"><span class="panel-title">{{ _lang('Chat History') }}</span></div>

			<!-- <div class="panel-body">
			<table class="table table-bordered">
			<thead>
			  <tr>
				<th>{{ _lang('Guest') }}</th>
				<th>{{ _lang('Email') }}</th>
				<th>{{ _lang('IP') }}</th>
				<th>{{ _lang('URL') }}</th>
				<th>{{ _lang('Operator') }}</th>
				<th>{{ _lang('Waiting Time') }}</th>
				<th>{{ _lang('Status') }}</th>
				<th>{{ _lang('Duration Time') }}</th>
				<th style="color: black;" class="text-center">{{ _lang('View Details') }}</th>
				@if(Auth::user()->user_type == "admin" && Auth::user()->department_id == "")
				<th style="color: black;" class="text-center">{{ _lang('Delete') }}</th>
				@endif
			  </tr>
			</thead>
			<tbody> -->
			
			<div class="panel-body">
			 @if (\Session::has('success'))
			  <div class="alert alert-success">
				<p>{{ \Session::get('success') }}</p>
			  </div>
			  <br />
			 @endif
			<table class="table table-bordered data-table">
			<thead>
			<tr>
				<th>{{ _lang('Guest') }}</th>
				<!-- <th>{{ _lang('IP') }}</th> -->
				<!-- <th>{{ _lang('URL') }}</th> -->
				<th>{{ _lang('Operator') }}</th>
				<th>{{ _lang('Waiting Time') }}</th>
				<th>{{ _lang('Status') }}</th>
				<th>{{ _lang('Duration Time') }}</th>
				<th>{{ _lang('Date') }}</th>
				<th style="color: black;" class="text-center">{{ _lang('View Details') }}</th>
				@if(Auth::user()->user_type == "admin" && Auth::user()->department_id == "")
				<th style="color: black;" class="text-center">{{ _lang('Delete') }}</th>
				@endif
				<th class="text-center">{{ _lang('View Agent Form') }}</th>
			  </tr>
			</thead>
			<tbody>

			  @foreach($chat_history as $history)
			  	@if($history != null)
				  <tr id="row_{{ $history->id }}">
				@if(empty($history->guest))
				<td>?</td>
				@else
				<td>{{ $history->guest->fname }}</td>
				@endif
				
				<td>{{ $history->operator !="" ? $history->operator->name : "" }}</td>
				<td>{{ $history->waiting_duration }}</td>
				<td>{{ ucwords(str_replace("_"," ",$history->status)) }}</td>
				<td>{{ $history->chat_duration }}</td>
				<td>{{ $history->created_at->format('d/m/Y') }}</td>
				<td class="text-center"><a href="{{ url('message/chat_history/'.$history->id) }}" class="btn btn-primary btn-xs">{{ _lang('View') }}</a></td>
				
				@if(Auth::user()->user_type == "admin" && Auth::user()->department_id == "")
					<td class="text-center"><a href="{{ url('message/remove_history/'.$history->id) }}" class="btn btn-danger btn-xs">{{ _lang('Delete') }}</a></td>
				@endif

				@if($history->issue != 0)
					<td><center><button class="btn-sm btn-warning" id="viewFeedback" data-toggle="modal" data-chat-id="{{$history->id}}" data-target="#viewAFormModal">View Form</button></center></td>
				@else
					<td class="text-center"><i>No Feedback<i></td>
				@endif
				
				</tr>
				@endif
			  @endforeach
			</tbody>
		  </table>

		    
			</div>
		</div>
	</div>
</div>

<!-- Feedback Modal -->
<div class="modal fade" id="viewAFormModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content" style="width: 720px;">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Agent Form Details</h5>
      </div>
      	<div class="modal-body">
		  <table class="table table-bordered" width="100%">
			<tbody style="text-align: center;" id="table-feed">
			
			</tbody>
		</table>
		</div>

  </div>
</div>
</div>

@endsection