plezy/lib/screens/libraries/folder_tree_item.dart

import 'package:flutter/material.dart';
import 'package:plezy/widgets/app_icon.dart';
import 'package:material_symbols_icons/symbols.dart';
import '../../focus/focusable_button.dart';
import '../../focus/focusable_wrapper.dart';
import '../../models/plex_metadata.dart';
import '../../i18n/strings.g.dart';

/// Individual item in the folder tree
/// Can be either a folder (expandable) or a file (tappable)
class FolderTreeItem extends StatelessWidget {
  final PlexMetadata item;
  final int depth;
  final bool isExpanded;
  final bool isFolder;
  final VoidCallback? onTap;
  final VoidCallback? onExpand;
  final VoidCallback? onPlayAll;
  final VoidCallback? onShuffle;
  final bool isLoading;
  final FocusNode? focusNode;
  final VoidCallback? onNavigateUp;

  const FolderTreeItem({
    super.key,
    required this.item,
    required this.depth,
    this.isExpanded = false,
    this.isFolder = false,
    this.onTap,
    this.onExpand,
    this.onPlayAll,
    this.onShuffle,
    this.isLoading = false,
    this.focusNode,
    this.onNavigateUp,
  });

  IconData _getIcon() {
    if (isFolder) {
      return Symbols.folder_rounded;
    }

    // File icons based on type
    return switch (item.mediaType) {
      PlexMediaType.movie => Symbols.movie_rounded,
      PlexMediaType.show => Symbols.tv_rounded,
      PlexMediaType.season => Symbols.video_library_rounded,
      PlexMediaType.episode => Symbols.play_circle_rounded,
      PlexMediaType.collection => Symbols.collections_rounded,
      _ => Symbols.insert_drive_file_rounded,
    };
  }

  void _handleTap() {
    if (isFolder) {
      onExpand?.call();
    } else {
      onTap?.call();
    }
  }

  @override
  Widget build(BuildContext context) {
    final indentation = depth * 24.0;
    final expandIcon = isExpanded ? Symbols.keyboard_arrow_down_rounded : Symbols.keyboard_arrow_right_rounded;

    final rowContent = Container(
      padding: EdgeInsets.only(left: 16.0 + indentation, right: 8.0, top: 8.0, bottom: 8.0),
      child: Row(
        children: [
          // Expand/collapse icon for folders
          if (isFolder)
            SizedBox(
              width: 24,
              child: isLoading
                  ? const SizedBox(width: 16, height: 16, child: CircularProgressIndicator(strokeWidth: 2))
                  : AppIcon(expandIcon, fill: 1, size: 20),
            )
          else
            const SizedBox(width: 24),

          const SizedBox(width: 8),

          // File/folder icon
          AppIcon(
            _getIcon(),
            fill: 1,
            size: 20,
            color: isFolder
                ? Theme.of(context).colorScheme.primary
                : Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.7),
          ),

          const SizedBox(width: 12),

          // Item title
          Expanded(
            child: Text(
              item.displayTitle,
              style: TextStyle(fontSize: 14, fontWeight: isFolder ? FontWeight.w500 : FontWeight.w400),
              maxLines: 1,
              overflow: TextOverflow.ellipsis,
            ),
          ),

          // Additional metadata for files
          if (!isFolder && item.year != null)
            Text(
              item.year.toString(),
              style: TextStyle(fontSize: 12, color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.6)),
            ),
        ],
      ),
    );

    return Row(
      children: [
        // Main item row — expand/navigate on select
        Expanded(
          child: FocusableWrapper(
            focusNode: focusNode,
            onSelect: _handleTap,
            onNavigateUp: onNavigateUp,
            useBackgroundFocus: true,
            disableScale: true,
            descendantsAreFocusable: false,
            child: GestureDetector(
              onTap: _handleTap,
              behavior: HitTestBehavior.opaque,
              child: rowContent,
            ),
          ),
        ),

        // Play/Shuffle buttons for folders
        if (isFolder) ...[
          FocusableButton(
            useBackgroundFocus: true,
            onPressed: onPlayAll,
            child: IconButton(
              onPressed: onPlayAll,
              icon: AppIcon(
                Symbols.play_arrow_rounded,
                fill: 1,
                size: 18,
                color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.6),
              ),
              tooltip: t.common.play,
              iconSize: 18,
              constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
              padding: EdgeInsets.zero,
              visualDensity: VisualDensity.compact,
            ),
          ),
          FocusableButton(
            useBackgroundFocus: true,
            onPressed: onShuffle,
            child: IconButton(
              onPressed: onShuffle,
              icon: AppIcon(
                Symbols.shuffle_rounded,
                fill: 1,
                size: 18,
                color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.6),
              ),
              tooltip: t.common.shuffle,
              iconSize: 18,
              constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
              padding: EdgeInsets.zero,
              visualDensity: VisualDensity.compact,
            ),
          ),
        ],
      ],
    );
  }
}