import 'package:flutter/material.dart';
import 'package:proxibuy/core/utils/empty_space.dart';
import 'package:proxibuy/presentation/ui/theme/responsive.dart';

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

  @override
  State<NotificationsEttingPage> createState() =>
      _NotificationsEttingPageState();
}

class _NotificationsEttingPageState extends State<NotificationsEttingPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'Notifications',
          style: Theme.of(context)
              .textTheme
              .titleLarge
              ?.copyWith(color: Theme.of(context).colorScheme.onSurface),
        ),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Responsive(context).builder(
          desktop: Responsive(context).maxWidthInDesktop(
              maxWidth: 1000,
              child: (context, mw) {
                return Row(
                  children: [
                    Expanded(
                        child: Column(
                      children: [
                        ListTile(
                          title: Text(
                            'Notification Categories',
                            style: Theme.of(context).textTheme.titleLarge,
                          ),
                        ),
                        16.h,
                        SwitchListTile.adaptive(
                          title: Text(
                            'Special Offers',
                          ),
                          value: true,
                          onChanged: (value) {},
                        ),
                        16.h,
                        SwitchListTile.adaptive(
                          title: Text(
                            'Order Status',
                          ),
                          value: false,
                          onChanged: (value) {},
                        ),
                        16.h,
                        SwitchListTile.adaptive(
                          title: Text(
                            'Account Notifications',
                          ),
                          value: false,
                          onChanged: (value) {},
                        ),
                        16.h,
                        SwitchListTile.adaptive(
                          title: Text(
                            'Product Updates',
                          ),
                          value: false,
                          onChanged: (value) {},
                        ),
                      ],
                    )),
                    16.w,
                    Expanded(
                        child: Column(
                      children: [
                        ListTile(
                          title: Text(
                            'Notification Frequency Control',
                            style: Theme.of(context).textTheme.titleLarge,
                          ),
                        ),
                        16.h,
                        CheckboxListTile.adaptive(
                          title: Text(
                            'Daily',
                          ),
                          value: false,
                          onChanged: (value) {},
                        ),
                        16.h,
                        CheckboxListTile.adaptive(
                          title: Text(
                            'Weekly',
                          ),
                          value: false,
                          onChanged: (value) {},
                        ),
                        16.h,
                        CheckboxListTile.adaptive(
                          title: Text(
                            'monthly',
                          ),
                          value: true,
                          onChanged: (value) {},
                        ),
                      ],
                    ))
                  ],
                );
              }),
          mobile: Column(
            children: [
              ListTile(
                title: Text(
                  'Notification Categories',
                  style: Theme.of(context).textTheme.titleLarge,
                ),
              ),
              16.h,
              SwitchListTile.adaptive(
                title: Text(
                  'Special Offers',
                ),
                value: false,
                onChanged: (value) {},
              ),
              16.h,
              SwitchListTile.adaptive(
                title: Text(
                  'Order Status',
                ),
                value: true,
                onChanged: (value) {},
              ),
              16.h,
              SwitchListTile.adaptive(
                title: Text(
                  'Account Notifications',
                ),
                value: false,
                onChanged: (value) {},
              ),
              16.h,
              SwitchListTile.adaptive(
                title: Text(
                  'Product Updates',
                ),
                value: false,
                onChanged: (value) {},
              ),
              16.h,
              ListTile(
                title: Text(
                  'Notification Frequency Control',
                  style: Theme.of(context).textTheme.titleLarge,
                ),
              ),
              16.h,
              CheckboxListTile.adaptive(
                title: Text(
                  'Daily',
                ),
                value: false,
                onChanged: (value) {},
              ),
              16.h,
              CheckboxListTile.adaptive(
                title: Text(
                  'Weekly',
                ),
                value: false,
                onChanged: (value) {},
              ),
              16.h,
              CheckboxListTile.adaptive(
                title: Text(
                  'monthly',
                ),
                value: true,
                onChanged: (value) {},
              ),
            ],
          ),
        ),
      ),
    );
  }
}