import 'dart:async';

import 'package:flutter/material.dart';
import 'package:madari_client/utils/external_player.dart';
import 'package:pocketbase/pocketbase.dart';

import '../../../engine/engine.dart';
import '../../../utils/load_language.dart';

class PlaybackSettingsScreen extends StatefulWidget {
  const PlaybackSettingsScreen({super.key});

  @override
  State<PlaybackSettingsScreen> createState() => _PlaybackSettingsScreenState();
}

class _PlaybackSettingsScreenState extends State<PlaybackSettingsScreen> {
  String? _error;
  Timer? _saveDebouncer;

  // Playback settings
  bool _autoPlay = true;
  double _playbackSpeed = 1.0;
  String _defaultAudioTrack = 'eng';
  String _defaultSubtitleTrack = 'eng';
  bool _enableExternalPlayer = true;
  String? _defaultPlayerId;

  Map<String, String> _availableLanguages = {};

  List<DropdownMenuItem<String>> get dropdown =>
      _availableLanguages.entries.map((item) {
        return DropdownMenuItem<String>(
          value: item.key,
          child: Text(item.value),
        );
      }).toList();

  final PocketBase _engine = AppEngine.engine.pb;

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

    loadLanguages(context).then((data) {
      setState(() {
        _availableLanguages = data;
      });
    });
    _loadPlaybackSettings();
  }

  void _loadPlaybackSettings() {
    final playbackConfig = getPlaybackConfig();

    _autoPlay = playbackConfig.autoPlay ?? true;
    _playbackSpeed = playbackConfig.playbackSpeed.toDouble();
    _defaultAudioTrack = playbackConfig.defaultAudioTrack;
    _defaultSubtitleTrack = playbackConfig.defaultSubtitleTrack;
    _enableExternalPlayer = playbackConfig.externalPlayer;
    _defaultPlayerId =
        playbackConfig.externalPlayerId?.containsKey(currentPlatform) == true
            ? playbackConfig.externalPlayerId![currentPlatform]
            : null;
  }

  @override
  void dispose() {
    _saveDebouncer?.cancel();
    super.dispose();
  }

  void _debouncedSave() {
    _saveDebouncer?.cancel();
    _saveDebouncer =
        Timer(const Duration(milliseconds: 500), _savePlaybackSettings);
  }

  Future<void> _savePlaybackSettings() async {
    try {
      final user = _engine.authStore.record;
      if (user == null) {
        throw Exception('User not authenticated');
      }

      final currentConfig = user.data['config'] as Map<String, dynamic>? ?? {};

      final extranalId = currentConfig['externalPlayerId'] ?? {};

      extranalId[currentPlatform] = _defaultPlayerId;

      final updatedConfig = {
        ...currentConfig,
        'playback': {
          'autoPlay': _autoPlay,
          'playbackSpeed': _playbackSpeed,
          'defaultAudioTrack': _defaultAudioTrack,
          'defaultSubtitleTrack': _defaultSubtitleTrack,
          'externalPlayer': _enableExternalPlayer,
          'externalPlayerId': extranalId,
        },
      };

      await _engine.collection('users').update(
        user.id,
        body: {
          'config': updatedConfig,
        },
      );

      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
            content: Text('Settings saved'),
            duration: Duration(seconds: 1),
          ),
        );
      }
    } catch (e) {
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('Failed to save settings: ${e.toString()}')),
        );
      }
    }
  }

  final currentPlatform = getPlatformInString();

  @override
  Widget build(BuildContext context) {
    if (_error != null) {
      return Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(_error!, style: const TextStyle(color: Colors.red)),
              ElevatedButton(
                onPressed: _loadPlaybackSettings,
                child: const Text('Retry'),
              ),
            ],
          ),
        ),
      );
    }

    print(_defaultPlayerId);

    return Scaffold(
      appBar: AppBar(
        title: const Text('Playback Settings'),
      ),
      body: ListView(
        children: [
          SwitchListTile(
            title: const Text('Auto-play'),
            subtitle: const Text('Automatically play next content'),
            value: _autoPlay,
            onChanged: (value) {
              setState(() => _autoPlay = value);
              _debouncedSave();
            },
          ),
          ListTile(
            title: const Text('Playback Speed'),
            subtitle: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Slider(
                  value: _playbackSpeed,
                  min: 0.5,
                  max: 5.0,
                  divisions: 18,
                  label: '${_playbackSpeed.toStringAsFixed(2)}x',
                  onChanged: (value) {
                    setState(() => _playbackSpeed =
                        double.parse(value.toStringAsFixed(2)));
                    _debouncedSave();
                  },
                ),
                Text('Current: ${_playbackSpeed.toStringAsFixed(2)}x'),
              ],
            ),
          ),
          ListTile(
            title: const Text('Default Audio Track'),
            trailing: DropdownButton<String>(
              value: _defaultAudioTrack,
              items: dropdown,
              onChanged: (value) {
                if (value != null) {
                  setState(() => _defaultAudioTrack = value);
                  _debouncedSave();
                }
              },
            ),
          ),
          ListTile(
            title: const Text('Default Subtitle Track'),
            trailing: DropdownButton<String>(
              value: _defaultSubtitleTrack,
              items: dropdown,
              onChanged: (value) {
                if (value != null) {
                  setState(() => _defaultSubtitleTrack = value);
                  _debouncedSave();
                }
              },
            ),
          ),
          if (!isWeb)
            SwitchListTile(
              title: const Text('External Player'),
              subtitle: const Text('Always open video in external player?'),
              value: _enableExternalPlayer,
              onChanged: (value) {
                setState(() => _enableExternalPlayer = value);
                _debouncedSave();
              },
            ),
          if (_enableExternalPlayer &&
              externalPlayers[currentPlatform]?.isNotEmpty == true)
            ListTile(
              title: const Text('Default Player'),
              trailing: DropdownButton<String>(
                value: _defaultPlayerId,
                items: externalPlayers[currentPlatform]!
                    .map(
                      (item) => item.toDropdownMenuItem(),
                    )
                    .toList(),
                onChanged: (value) {
                  if (value != null) {
                    setState(() => _defaultPlayerId = value);
                    _debouncedSave();
                  }
                },
              ),
            ),
        ],
      ),
    );
  }
}