{!! Theme::section('community.documents.menu',['category'=>$category,'page'=>$page]) !!}    

<div class="box">
    <div class="box-title">
    	<div class="row">
            <div class="col-sm-12 document-act-cols document-act-cols-big">    
                 <form class="form-horizontal" method="get" action="">
                      <div class="form-group bottom0px">
                            <div class="col-sm-9 col-xs-8 search-box-col-1">
                                <input type="text" class="form-control bottom0px" placeholder="{{trans('organizationtopics.search-a-document-from-the-list')}}" name="term" required>
                            </div>
                            
                            <div class="col-sm-3 col-xs-4 search-box-col-2" style="padding-left:0px">
                                <button type="submit" class="form-control btn red-color-button bottom0px">{{trans('organizationtopics.search-document-btn')}}</button>
                            </div>
                      </div>
                  </form>
              </div> 
          </div>       
    </div>
    
    <div class="box-content document-list-box">
    	
        @if($documents)
        	<div class="documents-main-files-listing documents-main-files-view">
            
                <div class="row document-list-row-heading">
                    <div class="col-sm-4 col-xs-10 document-name-cols">
                       {{trans('organizationtopics.document-title')}}  
                    </div>
                    
                    <div class="col-sm-3 hide-row-on-mobile">
                       {{trans('organizationtopics.document-size')}}
                    </div>
                    
                    <div class="col-sm-4 hide-row-on-mobile">
                        {{trans('organizationtopics.file-descriptions')}}
                    </div>
                    
                     <div class="col-sm-1 col-xs-2">
                     		                     
                             <a href="{{$community->present()->url('category/'.$category->slug.'/documents')}}?type={{$sortingType}}">
                             	 <img class="document-sort-icon" src="{{Theme::asset()->get('theme/images/sorting-icon.png')}}"/>
                             </a>    
                    </div>
                </div>
            
                @foreach($documents as $document)
                		 
                    <div class="row document-list-row document-row-{{$document->id}}">
                        <div class="col-sm-4 col-xs-10 document-name-cols">
                        
                            @if($document->is_folder==1)
                                <div class="view-document-files view-document-files-{{$document->id}}" data-url="{{$community->present()->url('getfoldersfiles')}}" data-id="{{$document->id}}">
                                    
                                    <div class="document-file-thumbnail">
                                        <i class="fa fa-folder document-folder-icon" aria-hidden="true"></i>	
                                    </div>
                                    
                                    <div class="document-file-name">
                                        <span class="document-folder-name document-folder-name-{{$document->id}}">
                                        @if(strlen($document->folder_name) >25)
                                            {{Str::limit($document->folder_name, 25)}}
                                        @else
                                            {{$document->folder_name}}
                                        @endif
                                    
                                        </span>
                                 	</div>
                                 </div>
                                              
                                 <div class="folder_rename_box folder_rename_box_{{$document->id}}">
                                    <input type="text" value="{{$document->folder_name}}" class="form-control folder-name-{{$document->id}}" />
                                    
                                    <input type="button" value=" {{trans('organizationtopics.document-folder-save')}}" class="btn red-color-button pull-right changefoldername" data-url="{{$community->present()->url('changefoldername')}}" data-id="{{$document->id}}" />
                                </div>
                                
                            @else
                                                                
                                <div class="document-file-thumbnail">
                                    @if (in_array(strtolower($document->document_type), $imgExt)) 
                                    <a class='preview-image' rel="{{$document->id}}-images" href='{{Image::url($document->document_path, 600)}}' data-id="{{$document->id}}">
                                        <img data-original="{{Image::url($document->document_path, 600)}}" class="document-image lazy" />                        			</a>
                                        
                                    @else                         
                                        <img  data-original="{{Theme::asset()->get('theme/images/doc-icons')}}/{{$document->document_type}}.png" class="document-image lazy" />
                                    @endif
                                </div>
                                
                                <div class="document-file-name">
                                    @if(strlen($document->document_original_name) >25)
                            			{{Str::limit($document->document_original_name, 25)}}
                                    @else
                                        {{$document->document_original_name}}
                                    @endif
                                </div>    
                            @endif
                        </div>
                        
                        <div class="col-sm-3 hide-row-on-mobile">
                        	@if($document->document_size)
                            	{{formatSizeUnits($document->document_size)}}
                            @endif
                             
                                                    </div>
                        
                        <div class="col-sm-4 hide-row-on-mobile">
                            @if(strlen($document->document_description) >25)
                            	{{Str::limit($document->document_description, 25)}}
                            @else
                            	{{$document->document_description}}
                            @endif    
                        </div>
                        
                        <div class="col-sm-1 col-xs-2">
                            {!! Theme::section('community.documents.document-actions',['document'=>$document,'category'=>$category]) !!}
                           
                           @if($document->document_description) 
                             <i class="fa fa-info-circle open-document-description-note-view" data-id="{{$document->id}}" aria-hidden="true"></i>
                           @endif  
                        </div>                
                    </div>    
                    
                    <div class="document-description-note-view document-description-note-view-{{$document->id}}">
                    	{{nl2br($document->document_description)}}
                	</div> 
                @endforeach             
              
             {!! $documents->appends(request()->except('page'))->render() !!}
             
             </div>
            @endif
        
        	<div id="documentFolderFiles"></div>
            
            <br />
            <br />
    </div>
</div>
        
{!! Theme::section('community.documents.move-file',['category'=>$category,'folders'=>$folders,'community'=>$community]) !!}   

<script type='text/javascript'>
	/*document.addEventListener("contextmenu", function (e){
		e.preventDefault();
	}, false);*/
</script>