import 'package:flutter/material.dart';

import '../../../../app/responsive.dart';
import '../../../../backend/backend.dart';
import '../../../../shared/widgets/app_search_bar.dart';

class FeedToolbar extends StatefulWidget {
  const FeedToolbar({
    required this.onSearch,
    required this.onRefresh,
    required this.onProviderFilter,
    required this.onRatingFilter,
    required this.onClearFilters,
    required this.providers,
    required this.selectedTags,
    required this.selectedProviderIds,
    required this.topPeriodFilter,
    required this.tagSuggestions,
    required this.rating,
    required this.onQuickProviderToggle,
    required this.onSearchChanged,
    required this.onSuggestionTap,
    required this.onTopPeriodChanged,
    super.key,
  });

  final ValueChanged<String> onSearch;
  final VoidCallback onRefresh;
  final VoidCallback onProviderFilter;
  final VoidCallback onRatingFilter;
  final VoidCallback onClearFilters;
  final List<ContentProviderConfig> providers;
  final List<String> selectedTags;
  final List<String> selectedProviderIds;
  final TopPeriodFilter topPeriodFilter;
  final List<String> tagSuggestions;
  final String? rating;
  final ValueChanged<String> onQuickProviderToggle;
  final ValueChanged<String> onSearchChanged;
  final ValueChanged<String> onSuggestionTap;
  final ValueChanged<TopPeriodFilter> onTopPeriodChanged;

  @override
  State<FeedToolbar> createState() => _FeedToolbarState();
}

class _FeedToolbarState extends State<FeedToolbar> {
  late String _query;

  @override
  void initState() {
    super.initState();
    _query = widget.selectedTags.join(' ');
  }

  @override
  void didUpdateWidget(covariant FeedToolbar oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.selectedTags != widget.selectedTags) {
      _query = widget.selectedTags.join(' ');
    }
  }

  @override
  Widget build(BuildContext context) {
    if (Responsive.isMobile(context)) return _buildMobile(context);
    return _buildDesktop(context);
  }

  Widget _buildDesktop(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(16, 12, 16, 8),
      child: Column(
        children: [
          Row(
            children: [
              Expanded(
                child: AppSearchBar(
                  initialValue: _query,
                  onChanged: (value) {
                    _query = value;
                    widget.onSearchChanged(value);
                  },
                  onSubmitted: widget.onSearch,
                ),
              ),
              const SizedBox(width: 8),
              IconButton.filledTonal(
                tooltip: 'Providers',
                onPressed: widget.onProviderFilter,
                icon: const Icon(Icons.hub_rounded),
              ),
              IconButton.filledTonal(
                tooltip: 'Rating',
                onPressed: widget.onRatingFilter,
                icon: const Icon(Icons.tune_rounded),
              ),
              IconButton(
                tooltip: 'Clear filters',
                onPressed: widget.onClearFilters,
                icon: const Icon(Icons.filter_alt_off_rounded),
              ),
              IconButton(
                tooltip: 'Refresh',
                onPressed: widget.onRefresh,
                icon: const Icon(Icons.refresh_rounded),
              ),
            ],
          ),
          const SizedBox(height: 8),
          SizedBox(
            height: 36,
            child: ListView(
              scrollDirection: Axis.horizontal,
              children: [
                if (widget.providers.isNotEmpty) ...[
                  FilterChip(
                    selected: widget.selectedProviderIds.isEmpty,
                    label: const Text('All providers'),
                    onSelected: (_) => widget.onQuickProviderToggle('__all__'),
                  ),
                  const SizedBox(width: 8),
                  for (final provider in widget.providers) ...[
                    FilterChip(
                      selected:
                          widget.selectedProviderIds.contains(provider.id),
                      avatar: const Icon(Icons.hub_rounded, size: 16),
                      label: Text(provider.name),
                      onSelected: (_) =>
                          widget.onQuickProviderToggle(provider.id),
                    ),
                    const SizedBox(width: 8),
                  ],
                  const SizedBox(width: 8),
                ],
                for (final period in TopPeriodFilter.values) ...[
                  ChoiceChip(
                    selected: widget.topPeriodFilter == period,
                    label: Text(period.label),
                    onSelected: (_) => widget.onTopPeriodChanged(period),
                  ),
                  const SizedBox(width: 8),
                ],
              ],
            ),
          ),
          if (widget.tagSuggestions.isNotEmpty) ...[
            const SizedBox(height: 8),
            SizedBox(
              height: 34,
              child: ListView.separated(
                scrollDirection: Axis.horizontal,
                itemCount: widget.tagSuggestions.length,
                separatorBuilder: (_, __) => const SizedBox(width: 8),
                itemBuilder: (context, index) => ActionChip(
                  avatar: const Icon(Icons.tag_rounded, size: 15),
                  label: Text(widget.tagSuggestions[index]),
                  onPressed: () =>
                      _applySuggestion(widget.tagSuggestions[index]),
                ),
              ),
            ),
          ],
        ],
      ),
    );
  }

  Widget _buildMobile(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(8, 6, 8, 6),
      child: Column(
        children: [
          AppSearchBar(
            initialValue: _query,
            onChanged: (value) {
              _query = value;
              widget.onSearchChanged(value);
            },
            onSubmitted: widget.onSearch,
          ),
          const SizedBox(height: 8),
          SizedBox(
            height: 40,
            child: ListView(
              scrollDirection: Axis.horizontal,
              children: [
                IconButton.filledTonal(
                  tooltip: 'Providers',
                  onPressed: widget.onProviderFilter,
                  icon: const Icon(Icons.hub_rounded),
                ),
                const SizedBox(width: 6),
                IconButton.filledTonal(
                  tooltip: 'Rating',
                  onPressed: widget.onRatingFilter,
                  icon: const Icon(Icons.tune_rounded),
                ),
                const SizedBox(width: 6),
                IconButton(
                  tooltip: 'Clear filters',
                  onPressed: widget.onClearFilters,
                  icon: const Icon(Icons.filter_alt_off_rounded),
                ),
                IconButton(
                  tooltip: 'Refresh',
                  onPressed: widget.onRefresh,
                  icon: const Icon(Icons.refresh_rounded),
                ),
                const SizedBox(width: 8),
                if (widget.providers.isNotEmpty) ...[
                  FilterChip(
                    selected: widget.selectedProviderIds.isEmpty,
                    label: const Text('All'),
                    onSelected: (_) => widget.onQuickProviderToggle('__all__'),
                  ),
                  const SizedBox(width: 6),
                  for (final provider in widget.providers) ...[
                    FilterChip(
                      selected:
                          widget.selectedProviderIds.contains(provider.id),
                      label: Text(provider.name),
                      onSelected: (_) =>
                          widget.onQuickProviderToggle(provider.id),
                    ),
                    const SizedBox(width: 6),
                  ],
                ],
              ],
            ),
          ),
          const SizedBox(height: 6),
          SizedBox(
            height: 36,
            child: ListView(
              scrollDirection: Axis.horizontal,
              children: [
                for (final period in TopPeriodFilter.values) ...[
                  ChoiceChip(
                    selected: widget.topPeriodFilter == period,
                    label: Text(period.label),
                    onSelected: (_) => widget.onTopPeriodChanged(period),
                  ),
                  const SizedBox(width: 6),
                ],
              ],
            ),
          ),
          if (widget.tagSuggestions.isNotEmpty) ...[
            const SizedBox(height: 6),
            SizedBox(
              height: 34,
              child: ListView.separated(
                scrollDirection: Axis.horizontal,
                itemCount: widget.tagSuggestions.length,
                separatorBuilder: (_, __) => const SizedBox(width: 6),
                itemBuilder: (context, index) => ActionChip(
                  label: Text(widget.tagSuggestions[index]),
                  onPressed: () =>
                      _applySuggestion(widget.tagSuggestions[index]),
                ),
              ),
            ),
          ],
        ],
      ),
    );
  }

  void _applySuggestion(String suggestion) {
    final tokens = _query.trim().isEmpty
        ? <String>[]
        : _query.trim().split(RegExp(r'\s+'));
    if (tokens.isEmpty) {
      tokens.add(suggestion);
    } else {
      tokens[tokens.length - 1] = suggestion;
    }
    final next = tokens.toSet().join(' ');
    setState(() => _query = next);
    widget.onSuggestionTap(next);
  }
}

Future<List<String>?> showProviderFilterSheet(
  BuildContext context, {
  required List<ContentProviderConfig> providers,
  required List<String> selectedIds,
}) {
  final selected = selectedIds.toSet();
  return showModalBottomSheet<List<String>>(
    context: context,
    showDragHandle: true,
    builder: (context) => StatefulBuilder(
      builder: (context, setState) => ListView(
        padding: const EdgeInsets.all(16),
        children: [
          Text('Providers', style: Theme.of(context).textTheme.titleLarge),
          const SizedBox(height: 8),
          for (final provider in providers)
            CheckboxListTile(
              value: selected.contains(provider.id),
              title: Text(provider.name),
              subtitle: Text(provider.baseUrl),
              onChanged: (value) {
                setState(() {
                  if (value ?? false) {
                    selected.add(provider.id);
                  } else {
                    selected.remove(provider.id);
                  }
                });
              },
            ),
          const SizedBox(height: 12),
          FilledButton(
            onPressed: () => Navigator.pop(context, selected.toList()),
            child: const Text('Apply'),
          ),
        ],
      ),
    ),
  );
}

Future<String?> showRatingFilterSheet(BuildContext context, String? selected) {
  return showModalBottomSheet<String?>(
    context: context,
    showDragHandle: true,
    builder: (context) => ListView(
      padding: const EdgeInsets.all(16),
      children: [
        Text('Rating', style: Theme.of(context).textTheme.titleLarge),
        ListTile(
          leading: Icon(
            selected == null
                ? Icons.radio_button_checked_rounded
                : Icons.radio_button_off_rounded,
          ),
          title: const Text('Any'),
          onTap: () => Navigator.pop(context, null),
        ),
        for (final rating in ['safe', 'questionable', 'explicit'])
          ListTile(
            leading: Icon(
              selected == rating
                  ? Icons.radio_button_checked_rounded
                  : Icons.radio_button_off_rounded,
            ),
            title: Text(rating),
            onTap: () => Navigator.pop(context, rating),
          ),
      ],
    ),
  );
}