{!! Theme::section('community.pannel.cms.thememanage.menu',['subpage'=>'thememediafiles']) !!}

<input type="hidden" id="managethemefileurl" value="{{$community->present()->url()}}">		
<div class="box">
	<div class="box-title">Media Files</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">
                      Media File Name
                    </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('thememediafiles')}}?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">
							<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>                           
                        </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.pannel.cms.thememanage.document-actions',['document'=>$document]) !!}
                        </div>                
                    </div>                    
                @endforeach
				{{--{!! $documents->appends(request()->except('page'))->render() !!}--}}
             </div>
        @endif
		
		<div class="default-media-files-heading">
			Default Media
		</div>
		
		<div class="documents-main-files-listing documents-main-files-view">            
			<div class="row document-list-row-heading">
				<div class="col-sm-7 col-xs-10 document-name-cols">
				   Media File Name
				</div>
				
				<div class="col-sm-4 hide-row-on-mobile">
				   {{trans('organizationtopics.document-size')}}
				</div>			
				
				 <div class="col-sm-1 col-xs-2">
						  
				</div>
			</div>
            
						
			@foreach($default_media_files as $key => $value)
					
				<div class="row document-list-row file-data-{{$i}}">
					<div class="col-sm-7 col-xs-10 document-name-cols">		
						
						<div class="document-file-thumbnail">
							@if(in_array(strtolower($file_extension), $imgExt)) 
								<a class='preview-image' rel="{{$i}}-images" href='{{Image::url($path,600)}}' data-id="{{$i}}">
									<img data-original="{{Image::url($path,600)}}" class="document-image lazy" />                        			
								</a>									
							@else
								<img src="{{Theme::asset()->get('theme/images/doc-icons')}}/{{$file_extension}}.png" class="theme-file-extension-icon" /> 
							@endif
						</div>
						
						<div class="document-file-name">
							{{$file_name}}
						</div>					   
					</div>
					
					<div class="col-sm-4 hide-row-on-mobile">
						{{formatSizeUnits($file_size)}}
					</div>					
					
					<div class="col-sm-1 col-xs-2">
					  <a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" href="">								  
							<i class="fa fa-ellipsis-h" aria-hidden="true"></i>
					  </a>
						
					   <ul class="dropdown-menu pull-right document-actions-list">							
							<li class="delete-uploaded-theme-file" data-url="{{$path}}" data-id="{{$i}}" data-name="{{$file_name}} file">Delete File</li>	
							
							<li>
								<span class="document-copy" data-id="{{$i}}-default" data-url="{{$path}}" title="Copy">Copy URL</span>
							</li>  
					   </ul>  

					   <div class="copyMessage copyMessageDocumentLink" id="copyMessage{{$i}}-default" style="display:none">Media url copied</div>     
					   <span style="display:none" id="urlToCopy{{$i}}-default">{{$file_relative_path}}</span>						
					</div>                
				</div>	
								
			@endforeach				
		</div>
		
		<br>
	</div>	
</div>