@extends('manager.layout')
@section('title')
Chats
@endsection
@section('content')
<div class="dashboard-widg-bar d-block">
	<div class="row">
		<div class="col-xl-12 col-lg-12 col-md-12">
			<div class="_dashboard_content bg-white rounded mb-4">
				
				<div class="_dashboard_content_body">
					<!-- Convershion -->
					<div class="messages-container margin-top-0">
						<div class="messages-headline">
							<h4>Select a conversation</h4>
						</div>

						<div class="messages-container-inner">

							<!-- Messages -->
							<div class="dash-msg-inbox d-block">
								
								<div class="message-box-1">
									<ul class="chat-list">
										
									</ul>
								</div>
							</div>
							<!-- Messages / End -->

							<!-- Message Content -->
							<div class="dash-msg-content d-none d-md-block">
								<center>
									<img width="700" class="img-fluid" src="{{ asset('layout/assets/images/chat.png') }}">
									<h2>Select a Conversation to Continue</h2>
								</center>
							</div>
							<!-- Message Content -->

						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
		
</div>
<script>
	setInterval(function(){
		$.ajax({
			url: "{{ route('get-chats') }}",
			method:'POST',
			data:{
				'_token':'{{ csrf_token() }}',
			},
			success:function(response){
				if(response != $('.chat-list').html()){
					$('.chat-list').html(response);
				}
			}
		})
	},900);
</script>
@endsection