$(function(){
	if (window.location.pathname == '/pl/fileindex/file' || window.location.pathname == '/pl/fileindex/file/index'){
		
		$('#fileindex-grid-container table tbody tr').each(function(i,e) {
			if ($(e).find('td[data-col-seq="3"] span:not(.gc-fileservice-file-type-icon)').text() == 'Изображение') {
				let fileLink = $(e).find('td[data-col-seq="2"] a').attr('href')
				$(e).find('td[data-col-seq="3"] .gc-fileservice-file-type-icon').hide().before(`<img class="file-preview preview-img" src="${fileLink}" width="40">`)
			} else if ($(e).find('td[data-col-seq="3"] span:not(.gc-fileservice-file-type-icon)').text() == 'Видео') {
				let fileLink = $(e).find('td[data-col-seq="2"] a').attr('href')
				$(e).find('td[data-col-seq="3"] .gc-fileservice-file-type-icon').hide().before(`<video class="file-preview preview-video" width="40"><source src="${fileLink}" type="video/mp4"></video>`)
			}
		})
		
		$('.file-preview').click(function(){
			console.log($(this))
			let file = $(this).hasClass('preview-img') ? 
        		`<img src="${$(this).attr('src')}" alt="Preview Image">` : 
        		($(this).hasClass('preview-video') ? 
            	`<video controls><source src="${$(this).find('source').attr('src')}" type="video/mp4">Ваш браузер не поддерживает видео.</video>` : 
            '');
			$('body').append(`
				<div class="preview-fade">
					<div class="preview-modal">
						<button class="preview-modal-close"></button>
						${file}
					</div>
				</div>
			`)
		})
		
		$(document).on('click', '.preview-modal-close', function() {
            $('.preview-fade').remove(); // Удаляем элемент preview-fade
        });
	}
})