# Добавление стилей страницы
if globalThis.stylFns and globalThis.stylFns['app/pages/Admin/Media/index.styl']
  styleElement = document.createElement('style')
  styleElement.type = 'text/css'
  styleElement.textContent = globalThis.stylFns['app/pages/Admin/Media/index.styl']
  document.head.appendChild(styleElement)
else
  log '⚠️ Стили медиа-менеджера не найдены'

FileUpload = require 'app/components/Admin/FileUpload/index.coffee'
MediaService = require 'app/services/MediaService'

module.exports = {
  components: {
    'file-upload': FileUpload
  }

  data: ->
    {
      files: []
      selectedFiles: []
      uploading: false
      uploadProgress: 0
      filterType: ''
      searchQuery: ''
      loading: false
    }

  computed:
    filteredFiles: ->
      files = @files
      
      if @filterType
        files = files.filter (file) => file.type == @filterType
      
      if @searchQuery
        query = @searchQuery.toLowerCase()
        files = files.filter (file) => 
          file.name.toLowerCase().includes(query)
      
      return files.sort (a, b) -> new Date(b.createdAt) - new Date(a.createdAt)

  methods:
    loadMediaFiles: ->
      @loading = true
      try
        @files = await MediaService.getAllFiles()
        log '✅ Медиа-файлы загружены: '+@files.length
      catch error
        log '❌ Ошибка загрузки медиа-файлов: '+error.message
        @$emit('show-notification', 'Ошибка загрузки файлов', 'error')
      finally
        @loading = false

    onFilesSelect: (files) ->
      log 'Выбрано файлов для загрузки: '+files.length

    uploadFiles: (files) ->
      @uploading = true
      @uploadProgress = 0
      
      try
        for file, index in files
          # Имитация загрузки с прогрессом
          for i in [0..100] by 10
            await new Promise (resolve) -> setTimeout(resolve, 50)
            @uploadProgress = ((index * 100) + i) / files.length
        
        await MediaService.uploadFiles(files)
        @$emit('show-notification', 'Файлы успешно загружены', 'success')
        @loadMediaFiles()
        
      catch error
        log '❌ Ошибка загрузки файлов: '+error.message
        @$emit('show-notification', 'Ошибка загрузки файлов', 'error')
      finally
        @uploading = false
        @uploadProgress = 0

    getFileUrl: (file) ->
      # Формирование URL для доступа к файлу в CouchDB
      return '/d/braer_color_shop/'+file._id+'/'+file.name

    toggleSelect: (fileId) ->
      if @selectedFiles.includes(fileId)
        @selectedFiles = @selectedFiles.filter (id) -> id != fileId
      else
        @selectedFiles.push(fileId)

    deleteFile: (file) ->
      if not confirm('Удалить файл "'+file.name+'"?')
        return

      try
        await MediaService.deleteFile(file._id)
        @$emit('show-notification', 'Файл удален', 'success')
        @loadMediaFiles()
      catch error
        log '❌ Ошибка удаления файла: '+error.message
        @$emit('show-notification', 'Ошибка удаления файла', 'error')

    deleteSelected: ->
      if not confirm('Удалить '+@selectedFiles.length+' выбранных файлов?')
        return

      try
        await MediaService.deleteFiles(@selectedFiles)
        @$emit('show-notification', 'Файлы удалены', 'success')
        @selectedFiles = []
        @loadMediaFiles()
      catch error
        log '❌ Ошибка удаления файлов: '+error.message
        @$emit('show-notification', 'Ошибка удаления файлов', 'error')

    formatFileSize: (bytes) ->
      if bytes == 0
        return '0 Bytes'
      k = 1024
      sizes = ['Bytes', 'KB', 'MB', 'GB']
      i = Math.floor(Math.log(bytes) / Math.log(k))
      return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]

    formatDate: (dateString) ->
      return new Date(dateString).toLocaleDateString('ru-RU')

  mounted: ->
    @loadMediaFiles()
    log '🖼️ Медиа-менеджер загружен'

  render: (new Function '_ctx', '_cache', globalThis.renderFns['app/pages/Admin/Media/index.pug'])()
}