import 'package:ConversionFlutterDemo/models/convert_contain_options_bean.dart';
import 'package:ConversionFlutterDemo/states/convert_options_provider.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class ConvertRTFOptionsWidget extends StatefulWidget {
  const ConvertRTFOptionsWidget({Key? key}) : super(key: key);

  @override
  State<ConvertRTFOptionsWidget> createState() =>
      _ConvertRTFOptionsWidgetState();
}

class _ConvertRTFOptionsWidgetState extends State<ConvertRTFOptionsWidget> {
  @override
  Widget build(BuildContext context) {
    bool containImages = context.select<ConvertOptionsProvider, bool>(
        (value) => value.rtfOptions.containImages);
    bool containAnnotations = context.select<ConvertOptionsProvider, bool>(
        (value) => value.rtfOptions.containAnnotations);
    return Padding(
        padding: EdgeInsets.all(8),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                const Text('ContainImages'),
                Switch(
                    value: containImages,
                    onChanged: (value) {
                      context
                          .read<ConvertOptionsProvider>()
                          .changeRTFOptions(containImages: value);
                    })
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                const Text('ContainAnnotations'),
                Switch(
                    value: containAnnotations,
                    onChanged: (value) {
                      context
                          .read<ConvertOptionsProvider>()
                          .changeRTFOptions(containAnnotations: value);
                    })
              ],
            )
          ],
        ));
  }
}