{{#images}}
{{#is_image}}
<div class="layouterPickerImage" data-url="{{url}}" data-type="image">
	<div class="layouterPickerImageHodler" style="background-image: url({{url}});">
		<div>{{width}}x{{height}}</div>
		<div>{{extension}}</div>
	</div>
	<div class="layouterPickerImageTitle">{{name}}</div>
</div>
{{/is_image}}
{{#is_directory}}
<div class="layouterPickerImage" data-path="{{path}}" data-type="directory">
	<div class="layouterPickerImageDirectory">
		{{#is_up}}
		<i class="mdi mdi-folder-upload"></i>
		{{/is_up}}
		{{^is_up}}
		<i class="mdi mdi-folder"></i>
		{{/is_up}}
	</div>
	<div class="layouterPickerImageTitle">{{name}}</div>
</div>
{{/is_directory}}
{{/images}}

{{#pagination.prev}}
<div data-path="{{pagination.path}}" data-page="{{pagination.prev}}" data-type="directory" class="layouterPickerPaginationPrev"><i class="mdi mdi-chevron-left"></i> Previous page</div>
{{/pagination.prev}}
{{^pagination.prev}}
<div class="layouterPickerPaginationPrev">&nbsp;</div>
{{/pagination.prev}}
<div class="layouterPickerPagination">
	Page {{pagination.current}} of {{pagination.total}}
</div>
{{#pagination.next}}
<div data-path="{{pagination.path}}" data-page="{{pagination.next}}" data-type="directory" class="layouterPickerPaginationNext">next page <i class="mdi mdi-chevron-right"></i></div>
{{/pagination.next}}