import 'dart:io';

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

import '../../i18n/strings.g.dart';
import '../../services/settings_service.dart';
import '../../widgets/setting_tile.dart';
import '../../widgets/settings_page.dart';
import '../../widgets/settings_section.dart';
import 'settings_utils.dart';

class SubtitleStylingScreen extends StatelessWidget {
  const SubtitleStylingScreen({super.key});

  String _assOverrideLabel(SubAssOverride value) {
    return switch (value) {
      SubAssOverride.no => 'No',
      SubAssOverride.yes => 'Yes',
      SubAssOverride.scale => 'Scale',
      SubAssOverride.force => 'Force',
      SubAssOverride.strip => 'Strip',
    };
  }

  String _formatPosition(int value) {
    if (value == 0) return 'Top';
    if (value == 100) return 'Bottom';
    return '$value%';
  }

  String _renderResolutionLabel(SubtitleRenderResolution value) {
    return switch (value) {
      SubtitleRenderResolution.screen => t.subtitlingStyling.renderResolutionScreen,
      SubtitleRenderResolution.video => t.subtitlingStyling.renderResolutionVideo,
      SubtitleRenderResolution.threeQuarter => '¾',
      SubtitleRenderResolution.half => '½',
      SubtitleRenderResolution.third => '⅓',
      SubtitleRenderResolution.quarter => '¼',
    };
  }

  @override
  Widget build(BuildContext context) {
    return SettingsPage(
      title: Text(t.screens.subtitleStyling),
      children: [
        SettingsSectionHeader(t.subtitlingStyling.text),
        SettingSelectionTile<SubAssOverride, SubAssOverride>(
          pref: SettingsService.subAssOverride,
          icon: Symbols.subtitles_rounded,
          title: t.subtitlingStyling.assOverride,
          subtitleBuilder: _assOverrideLabel,
          options: SubAssOverride.values.map((v) => DialogOption(value: v, title: _assOverrideLabel(v))).toList(),
          decode: (v) => v,
          encode: (v) => v,
        ),
        // iOS/tvOS avfoundation VO: screen vs video-resolution basis.
        if (Platform.isIOS)
          SettingSelectionTile<SubtitleRenderResolution, SubtitleRenderResolution>(
            pref: SettingsService.subtitleRenderResolution,
            icon: Symbols.aspect_ratio_rounded,
            title: t.subtitlingStyling.renderResolution,
            subtitleBuilder: _renderResolutionLabel,
            options: const [SubtitleRenderResolution.screen, SubtitleRenderResolution.video]
                .map((v) => DialogOption(value: v, title: _renderResolutionLabel(v)))
                .toList(),
            decode: (v) => v,
            encode: (v) => v,
          ),
        // Android libass overlay: full or a fractional render scale (perf knob for
        // render-bound low-end TVs; heavy/animated signs raster faster at < 1).
        if (Platform.isAndroid)
          SettingSelectionTile<SubtitleRenderResolution, SubtitleRenderResolution>(
            pref: SettingsService.subtitleRenderResolution,
            icon: Symbols.aspect_ratio_rounded,
            title: t.subtitlingStyling.renderResolution,
            subtitleBuilder: _renderResolutionLabel,
            options: const [
              SubtitleRenderResolution.screen,
              SubtitleRenderResolution.threeQuarter,
              SubtitleRenderResolution.half,
              SubtitleRenderResolution.third,
              SubtitleRenderResolution.quarter,
            ].map((v) => DialogOption(value: v, title: _renderResolutionLabel(v))).toList(),
            decode: (v) => v,
            encode: (v) => v,
          ),
        SettingNumberTile(
          pref: SettingsService.subtitleFontSize,
          icon: Symbols.format_size_rounded,
          title: t.subtitlingStyling.fontSize,
          subtitleBuilder: (v) => '$v',
          labelText: t.subtitlingStyling.fontSize,
          suffixText: '',
          min: 10,
          max: 80,
        ),
        SettingColorTile(
          pref: SettingsService.subtitleTextColor,
          icon: Symbols.format_color_text_rounded,
          title: t.subtitlingStyling.textColor,
        ),
        SettingNumberTile(
          pref: SettingsService.subtitlePosition,
          icon: Symbols.vertical_align_bottom_rounded,
          title: t.subtitlingStyling.position,
          subtitleBuilder: _formatPosition,
          labelText: t.subtitlingStyling.position,
          suffixText: '%',
          min: 0,
          max: 100,
        ),
        SettingSwitchTile(
          pref: SettingsService.subtitleBold,
          icon: Symbols.format_bold_rounded,
          title: t.subtitlingStyling.bold,
        ),
        SettingSwitchTile(
          pref: SettingsService.subtitleItalic,
          icon: Symbols.format_italic_rounded,
          title: t.subtitlingStyling.italic,
        ),

        SettingsSectionHeader(t.subtitlingStyling.border),
        SettingNumberTile(
          pref: SettingsService.subtitleBorderSize,
          icon: Symbols.border_style_rounded,
          title: t.subtitlingStyling.borderSize,
          subtitleBuilder: (v) => '$v',
          labelText: t.subtitlingStyling.borderSize,
          suffixText: '',
          min: 0,
          max: 5,
        ),
        SettingColorTile(
          pref: SettingsService.subtitleBorderColor,
          icon: Symbols.border_color_rounded,
          title: t.subtitlingStyling.borderColor,
        ),

        SettingsSectionHeader(t.subtitlingStyling.background),
        SettingNumberTile(
          pref: SettingsService.subtitleBackgroundOpacity,
          icon: Symbols.opacity_rounded,
          title: t.subtitlingStyling.backgroundOpacity,
          subtitleBuilder: (v) => '$v%',
          labelText: t.subtitlingStyling.backgroundOpacity,
          suffixText: '%',
          min: 0,
          max: 100,
        ),
        SettingColorTile(
          pref: SettingsService.subtitleBackgroundColor,
          icon: Symbols.format_color_fill_rounded,
          title: t.subtitlingStyling.backgroundColor,
        ),
        const SizedBox(height: 24),
      ],
    );
  }
}