printers_page.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:settings/view/pages/printers/printers_model.dart';
import 'package:settings/view/widgets/extra_options_gsettings_row.dart';
import 'package:settings/view/widgets/settings_row.dart';
import 'package:settings/view/widgets/settings_section.dart';
import 'package:yaru_icons/widgets/yaru_icons.dart';

class PrintersPage extends StatelessWidget {
  const PrintersPage({Key? key}) : super(key: key);

  static Widget create(BuildContext context) {
    // final service = Provider.of<SettingsService>(context, listen: false);
    return ChangeNotifierProvider<PrintersModel>(
      create: (_) => PrintersModel(),
      child: const PrintersPage(),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Padding(
          padding: const EdgeInsets.only(bottom: 35, top: 15),
          child: SizedBox(
            width: 518,
            child: Row(
              children: [
                SizedBox(
                  height: 40,
                  child: ElevatedButton(
                      onPressed: () => {},
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: const [
                          Icon(YaruIcons.plus),
                          Padding(
                            padding: EdgeInsets.only(left: 12.0, right: 2),
                            child: Text('Add a printer'),
                          )
                        ],
                      )),
                ),
                const SizedBox(
                  width: 12,
                ),
                SizedBox(
                  height: 40,
                  child: OutlinedButton(
                      onPressed: () => {},
                      child: const Text('Additional printer settings ...')),
                )
              ],
            ),
          ),
        ),
        for (var i = 0; i < 10; i++)
          SettingsSection(headline: 'Printer ${i + 1}', children: [
            SettingsRow(
                trailingWidget: Row(
                  children: [
                    SizedBox(
                      width: 70,
                      child: Image.asset(
                          i.isEven
                              ? 'assets/images/icons/printer.png'
                              : 'assets/images/icons/printer-network.png',
                          fit: BoxFit.fill),
                    ),
                    const SizedBox(
                      width: 20,
                    ),
                    SizedBox(
                      height: 60,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          const Text('Model XYZ'), // printer.type
                          const SizedBox(
                            height: 3,
                          ),
                          Text(i.isEven
                              ? 'local'
                              : '192.168.1.1337'), // printer.location
                          // printer.status
                        ],
                      ),
                    )
                  ],
                ),
                actionWidget: Row(
                  children: [
                    const SizedBox(
                      height: 40,
                      child: OutlinedButton(
                          onPressed: null, // printer.activejobs ?
                          child: Text(
                            'No active jobs',
                            // style: TextStyle(
                            //     color: Theme.of(context).disabledColor),
                          )),
                    ),
                    const SizedBox(
                      width: 10,
                    ),
                    OptionsButton(
                      onPressed: () => {},
                    ),
                  ],
                ))
          ])
      ],
    );
  }
}