<div class="box">    
    <div class="messages-container">
        <div data-lastcheck="" class="message-list-container message-list-container-{{$userid}}" data-userid="{{$userid}}">
        	<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="{{$userid}}">Load previous messages</a>
            </div>
            
            <?php 
				$communityName="IDHUBS";
				$communityLink=url('/');
				
				$msguser=\Auth::user()->present()->getUserById($userid);
				if($msguser){
					$primaryCommunityId= $msguser->community_signup;
					if($primaryCommunityId==0){
						$primaryCommunityId= $msguser->primary_community;
					}
					
					if($primaryCommunityId){
						$primaryCommunity= \Auth::user()->present()->getCommunityById($primaryCommunityId);
					
						if($primaryCommunity){
							$communityName=strtoupper($primaryCommunity->title);	
							$communityLink=$primaryCommunity->present()->url();	
						}
					}
				}
				
				if(isset($chatBoxType)){
					$chatBoxType=$chatBoxType;
				}else{
					$chatBoxType='';
				}		
			?>	
            
            <!--<span class="pull-right from-community-name-identified" style="margin-right:8px; display:none;">From <a href="{{$communityLink}}" target="_blank"><strong>{{$communityName}}</strong></a></span>-->
            
            <div class="message-body-outer-box">
                @foreach($messages->reverse() as $message)
                    {!! Theme::section('messages.display', ['message' => $message,'chatBoxType'=>$chatBoxType]) !!}
                @endforeach
            </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="personal-chat" data-id="{{$userid}}" 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="{{$userid}}" action="" method="post">
				 {{ csrf_field() }}
				 <input type="hidden" id="replyMessageId" class="replyMessageId" name="val[replyMessageId]" />
                 <input type="hidden" name="chatBoxTypeSel" class="chatBoxTypeSel" value="">
				 <input type="hidden" name="chatBoxTypeSelId" class="chatBoxTypeSelId" value="">
				 
				 <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" class="form-control message-texts-value get-chatbox-group-members" data-grtype='personal-chat' data-grid="{{$userid}}" data-target="#chatbox-mention-suggestion" id="message-textarea" 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>
		
        		<img class="start-zoom-meeting send-message-actns" data-userid="{{$userid}}" data-group-id="" data-community-group-id="" src="{{Theme::asset()->img('theme/images/zoom.png')}}"/>    
                
                <span class="enable-msg-search-box"><i class="fa fa-search" aria-hidden="true"></i></span>
            </form>
        </div>
    </div>
</div>
