import 'package:cached_network_image_ce/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:material_symbols_icons/symbols.dart';

import '../../focus/focusable_button.dart';
import '../../i18n/strings.g.dart';
import '../../models/livetv_channel.dart';
import '../../models/livetv_program.dart';
import '../../services/image_cache_service.dart';
import '../../utils/formatters.dart';
import '../../widgets/app_icon.dart';
import '../../widgets/overlay_sheet.dart';
import '../../widgets/optimized_media_image.dart' show blurArtwork;

/// Shows a bottom sheet with program details and actions (Record, Watch Channel, Play).
void showProgramDetailsSheet(
  BuildContext context, {
  required LiveTvProgram program,
  required LiveTvChannel? channel,
  required String? posterUrl,
  required VoidCallback? onTuneChannel,
}) {
  OverlaySheetController.showAdaptive(
    context,
    builder: (sheetContext) {
      return _ProgramDetailsSheetContent(
        program: program,
        channel: channel,
        posterUrl: posterUrl,
        onTuneChannel: onTuneChannel,
      );
    },
  );
}

class _ProgramDetailsSheetContent extends StatefulWidget {
  final LiveTvProgram program;
  final LiveTvChannel? channel;
  final String? posterUrl;
  final VoidCallback? onTuneChannel;

  const _ProgramDetailsSheetContent({
    required this.program,
    required this.channel,
    required this.posterUrl,
    required this.onTuneChannel,
  });

  @override
  State<_ProgramDetailsSheetContent> createState() => _ProgramDetailsSheetContentState();
}

class _ProgramDetailsSheetContentState extends State<_ProgramDetailsSheetContent> {
  final List<FocusNode> _buttonFocusNodes = [];

  @override
  void initState() {
    super.initState();
    _buildButtonFocusNodes();
  }

  @override
  void dispose() {
    for (final node in _buttonFocusNodes) {
      node.dispose();
    }
    super.dispose();
  }

  void _buildButtonFocusNodes() {
    int count = 0;
    if (widget.program.isCurrentlyAiring && widget.onTuneChannel != null) count++;
    if (!widget.program.isCurrentlyAiring && widget.onTuneChannel != null) count++;

    for (int i = 0; i < count; i++) {
      _buttonFocusNodes.add(FocusNode(debugLabel: 'program_sheet_btn_$i'));
    }
  }

  void _focusButton(int index) {
    if (index >= 0 && index < _buttonFocusNodes.length) {
      _buttonFocusNodes[index].requestFocus();
    }
  }

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final program = widget.program;
    final channel = widget.channel;

    // Build the list of action buttons with their focus wrappers
    final buttons = <Widget>[];
    int buttonIndex = 0;

    void closeSheet() => OverlaySheetController.closeAdaptive(context);

    if (program.isCurrentlyAiring && widget.onTuneChannel != null) {
      final idx = buttonIndex;
      buttons.add(
        FocusableButton(
          focusNode: _buttonFocusNodes[idx],
          onPressed: () {
            closeSheet();
            widget.onTuneChannel!();
          },
          onNavigateLeft: idx > 0 ? () => _focusButton(idx - 1) : null,
          onNavigateRight: idx < _buttonFocusNodes.length - 1 ? () => _focusButton(idx + 1) : null,
          onBack: closeSheet,
          child: FilledButton.icon(
            style: FilledButton.styleFrom(tapTargetSize: MaterialTapTargetSize.shrinkWrap),
            onPressed: () {
              closeSheet();
              widget.onTuneChannel!();
            },
            icon: const AppIcon(Symbols.play_arrow_rounded),
            label: Text(t.common.play),
          ),
        ),
      );
      buttonIndex++;
    }

    if (!program.isCurrentlyAiring && widget.onTuneChannel != null) {
      if (buttons.isNotEmpty) buttons.add(const SizedBox(width: 8));
      final idx = buttonIndex;
      buttons.add(
        FocusableButton(
          focusNode: _buttonFocusNodes[idx],
          onPressed: () {
            closeSheet();
            widget.onTuneChannel!();
          },
          onNavigateLeft: idx > 0 ? () => _focusButton(idx - 1) : null,
          onNavigateRight: idx < _buttonFocusNodes.length - 1 ? () => _focusButton(idx + 1) : null,
          onBack: closeSheet,
          child: OutlinedButton.icon(
            style: OutlinedButton.styleFrom(tapTargetSize: MaterialTapTargetSize.shrinkWrap),
            onPressed: () {
              closeSheet();
              widget.onTuneChannel!();
            },
            icon: const AppIcon(Symbols.live_tv_rounded),
            label: Text(t.liveTv.watchChannel),
          ),
        ),
      );
      buttonIndex++;
    }

    return Padding(
      padding: const EdgeInsets.all(20),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              if (widget.posterUrl != null) ...[
                ClipRRect(
                  borderRadius: const BorderRadius.all(Radius.circular(6)),
                  child: blurArtwork(
                    CachedNetworkImage(
                      imageUrl: widget.posterUrl!,
                      cacheManager: PlexImageCacheManager.instance,
                      width: 80,
                      height: 120,
                      fit: BoxFit.cover,
                      memCacheHeight: (120 * MediaQuery.devicePixelRatioOf(context)).round(),
                      errorBuilder: (_, _, _) => const SizedBox.shrink(),
                    ),
                  ),
                ),
                const SizedBox(width: 14),
              ],
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      children: [
                        Expanded(child: Text(program.displayTitle, style: theme.textTheme.titleMedium)),
                        if (program.isCurrentlyAiring)
                          Container(
                            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
                            decoration: const BoxDecoration(
                              color: Colors.red,
                              borderRadius: BorderRadius.all(Radius.circular(4)),
                            ),
                            child: Text(
                              t.liveTv.live,
                              style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 11),
                            ),
                          ),
                      ],
                    ),
                    const SizedBox(height: 4),
                    Text(
                      [
                        if (channel != null) channel.displayName,
                        if (program.startTime != null && program.endTime != null)
                          '${formatClockTime(program.startTime!, is24Hour: MediaQuery.alwaysUse24HourFormatOf(context))} - ${formatClockTime(program.endTime!, is24Hour: MediaQuery.alwaysUse24HourFormatOf(context))}',
                        if (program.durationMinutes > 0) formatDurationTextual(program.durationMinutes * 60000),
                      ].join(' · '),
                      style: theme.textTheme.bodySmall?.copyWith(color: theme.colorScheme.onSurfaceVariant),
                    ),
                    if (program.summary != null && program.summary!.isNotEmpty) ...[
                      const SizedBox(height: 12),
                      Text(
                        program.summary!,
                        style: theme.textTheme.bodyMedium,
                        maxLines: 4,
                        overflow: TextOverflow.ellipsis,
                      ),
                    ],
                  ],
                ),
              ),
            ],
          ),
          const SizedBox(height: 16),
          Row(children: buttons),
        ],
      ),
    );
  }
}