<div class="box">    
    <div class="messages-container">
        <div data-lastcheck="" class="message-list-container message-list-container-{{$groupId}}" data-userid="" data-group-id="" data-community-group-id="{{$groupId}}">
        	<div class="message-action-outer-box">
               <div class="message-sort-outer-box">
                	<select id="message-sort-list" class="form-control message-sort-list" name="message-sort-list">
                      <option value="">Sort By</option>
                      <option value="images">Images</option>
                      <option value="links">Links</option>
                      <option value="attachment">Attachment</option>
                      <option value="all">All</option>
                    </select>
                </div>
            	
                <div class="message-search-outer-box">
                   <form class="message-search-form" id="message-search-form">
                       <input type="text" class="form-control message-search-input" id="message-search-input" placeholder="Search...">
                       <button class="btn message-search-button"  type="button"><i class="fa fa-search" aria-hidden="true"></i>
</button>
                    </form>
                </div>
                <div style="clear:both"></div>
            </div>
                
            <div class="load-previous-messages-outer">
                    <a href="" class="load-old-message" data-userid="" data-group-id=""  data-community-group-id="{{$groupId}}">Load previous messages</a>
            </div>
            
            <div class="message-body-outer-box">     
                @if(!empty($messages))
                    @foreach($messages->reverse() as $message)
                        {!! Theme::section('messages.display', ['message' => $message]) !!}
                    @endforeach
                @endif	
            </div>
            
            <div class="pasteImageContainerOuter">
                <div class="replyToMessage">
                	<!--<i class="fa fa-reply-all replyToMessageIcon" aria-hidden="true"></i>-->
                    <i class="icon ion-close replyToMessageRemove" aria-hidden="true"></i>
                    <div class="replying-for-msg-heading">Replying for : </div>
                    <div class="replyToMessageContents"></div>
                </div>
                
                <div class="pasteImageContainer">
                    <img src="" id="pasteImagePreview">
                    <i class="fa fa-trash-o pasteImageRemove brand-colored-texts" aria-hidden="true"></i>
                </div>
            </div>    
        </div>
		
		<div class="message_typing_usr_data"></div>

        <div class="message-form-container">
		
			<div class="summarize-chat-box">
				<div class="row">
					<div class="col-sm-6 col-xs-6">
						<input type="text" class="form-control summarize-chat-input summarize-date-picker summarize-date-selected" placeholder="Select date" />
					</div>
					<div class="col-sm-3 col-xs-6">
						<input type="button" data-type="community-group" data-id="{{$groupId}}" class="btn black-color-button summarize-chat-input summarize-chat-generate-btn" value="Generate Summary"/>
					</div>
				</div>
				<div class="summarize-chat-msg"></div>
			</div>
		
            <form id="send-message-input-form" enctype="multipart/form-data" data-userid="" data-group-id="" data-community-group-id="{{$groupId}}" action="" method="post">
				 {{ csrf_field() }}
				 <input type="hidden" id="replyMessageId" class="replyMessageId" name="val[replyMessageId]" />	
				 <div class="message-editor-link-container">
					<input type="hidden" value="" name="val[link_title]" class="link_title"/>
					<input type="hidden" value="" name="val[the_link]" class="the_link"/>
					<input type="hidden" name="val[link_description]" class="link_description"/>
					<input type="hidden" name="val[link_image]" class="link_image"/>
					<input type="hidden" id="chat_link_html_contents" name="val[chat_link_html_contents]"/>
					<div class="link-preview-container">

					</div>
				</div>
				
				<input type="hidden" name="message_action" id="message_action" value="send">
				<input type="hidden" name="edit_message_id" id="edit_message_id" value="">
				
                <?php
					$enterToSubmit=\Auth::user()->present()->enterToSubmit();
				?>
                
                <span class="chat-image-preview-box">
                    <img class="chat-image-preview" />
                    <input type="file" name="image" class="form-control" id="chat-file">	
                    <span class="fa fa-times-circle chat-file-cancel-icon"></span>
                </span>
			
                <div class="message-main-input-row" id="message-main-input-row">
                    
					<div id="chatbox-mention-suggestion" class="chatbox-mention-suggestion">
						<div class="listing"></div>
					</div>	
					
					<textarea type="text" placeholder="Write a message" name="text" data-grtype='community-group' data-grid="{{$groupId}}" class="form-control message-texts-value get-chatbox-group-members" id="message-textarea" data-target="#chatbox-mention-suggestion" autocomplete="off" @if($enterToSubmit) data-id="1" @else data-id="0" @endif></textarea> 						
                    
					<img class="ask-chat-summary-loader" src="{{Theme::asset()->img('theme/images/ask-question.gif')}}"/>
                    <button class="chat-send-message-button"><i class="fa fa-paper-plane chat-send-message-button-icon" aria-hidden="true"></i></button>
					
					<span class="edit_msg_icon_btn" id="edit_msg_icon_btn">
						<i class="fa fa-pencil" aria-hidden="true"></i>						
						Edit
					</span>
					
					<span class="cancel_edit_msg_btn" id="cancel_edit_msg_btn" title="Cancel Edit">
						<i class="fa fa-times" aria-hidden="true"></i>
					</span>
                 </div>     
                
                    <img class="message-editor-indicator" src="{{Theme::asset()->img('theme/images/loading.gif')}}"/>
                    <input type="hidden" id="pasteImageData" name="val[pasteImageData]" />  
                                  
                    <span class="fa fa-paperclip chat-file-icon send-message-actns"></span>               
                    
                     <?php
                        $videoCallUrl='';
						$chatSummary='';
                        $category=\Auth::user()->present()->getCommunityCategoryById($groupId);
                       
					   if($category){ 
							$community=\Auth::user()->present()->getCommunityById($category->community_id);
                        
							if($category and $category->videocall_access==1){
								if($community and $community->present()->canDoVideoCall()==1){
									$videoCallUrl=$community->present()->url('category/'.$category->slug.'/meetings');
								}							
							}
							
							if($community and $community->present()->canManageGroup($category->id)){
								$chatSummary='yes';
							}	
						}	
                     ?>
                    
                    @if($videoCallUrl!="") 
                        <a data-url="{{$videoCallUrl}}" class="open-video-call-link community-group-video-call community-group-video-call-{{$groupId}} send-message-actns"><i class="fa fa-video-camera" aria-hidden="true"></i>
    </a> 	
                    @endif
                    
                    <img class="start-zoom-meeting send-message-actns" data-userid="" data-group-id="" data-community-group-id="{{$groupId}}" src="{{Theme::asset()->img('theme/images/zoom.png')}}"/>
					
					@if($chatSummary=='yes')
						<span class="chat-summery-open-link">Chat Summary</span>
					@endif	
                    
                    <span class="enable-msg-search-box"><i class="fa fa-search" aria-hidden="true"></i></span> 
            </form>
        </div>
    </div>
</div>
