@extends('master')

@section('content')
<div class="row"><div class="columns small-12">&nbsp;</div></div>

@if(Session::get('userRole') !== 'Patient')
@include('messages.new_message')
@endif
@if(count($chats))
	<div class="row">
		<div class="columns small-6 large-4">
			<ul class="chats" {{ Session::get('userRole') == 'Patient' ? 'style="display: none;"' : '' }}>
				@foreach($chats as $chat)
				<li id="chat_{{ $chat->id }}" class="chat" onclick="
					showChat(
						'{{ URL::to('messages/' . $chat->id) }}',
						'{{ $chat->name }}',
						'{{ URL::to('messages/') }}',
						'{{ csrf_token() }}',
						'{{ $chat->id }}',
						'{{ Session::get('userRole') }}'
					);
				">
					{{  Session::get('userRole') == 'Patient' ? 'Chat' : $chat->name }}
				</li>
				@endforeach
			</ul>
		</div>
		<div class="columns small-6 large-8">
			<div class="chat-panel">
				<div class="chats-title"></div>
				<div class="chats-content"></div>
				<div class="new-message"></div>
			</div>
		</div>
	</div>
<script>
	$(document).ready(function() {
		$('#chat_{{ $active }}').click();
	});
</script>
@else
	<p class="lead text-center">There are no messages yet.</p>
@endif
@endsection