/*
 * SPDX-FileCopyrightText: 2019-2021 Vishesh Handa <me@vhanda.in>
 *
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

import 'package:flutter/material.dart';
import 'package:gitjournal/l10n.dart';
import 'package:gitjournal/screens/home_screen.dart';
import 'package:gitjournal/settings/settings.dart';
import 'package:provider/provider.dart';

class BottomMenuBarSettings extends StatefulWidget {
  static const routePath = '/settings/bottom_menu_bar';

  @override
  _BottomMenuBarSettingsState createState() => _BottomMenuBarSettingsState();
}

class _BottomMenuBarSettingsState extends State<BottomMenuBarSettings> {
  @override
  Widget build(BuildContext context) {
    var settings = context.watch<Settings>();

    var body = Column(
      children: [
        const SizedBox(height: 16),
        bottomMenuBar(),
        const SizedBox(height: 16),
        SwitchListTile(
          title: Text(context.loc.settingsBottomMenuBarEnable),
          value: settings.bottomMenuBar,
          onChanged: (bool newVal) {
            setState(() {
              settings.bottomMenuBar = newVal;
              settings.save();
            });
          },
        ),
      ],
    );

    /*
    var createButton = FloatingActionButton(
      key: const ValueKey("FAB"),
      onPressed: () => _newPost(widget.notesFolder.config.defaultEditor),
      child: const Icon(Icons.add),
    );
    */

    return Scaffold(
      appBar: AppBar(
        title: Text(context.loc.settingsBottomMenuBarTitle),
        leading: IconButton(
          icon: const Icon(Icons.arrow_back),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
      ),
      body: body,
    );
  }

  Widget bottomMenuBar() {
    var theme = Theme.of(context);
    var mq = MediaQuery.of(context);

    var homeScreen = Transform.scale(
      scale: 0.75,
      alignment: Alignment.bottomCenter,
      child: Container(
        padding: const EdgeInsets.all(2.0),
        color: theme.colorScheme.secondary.withAlpha(256 ~/ 10),
        child: SizedBox(
          width: mq.size.width,
          height: mq.size.height,
          child: IgnorePointer(child: HomeScreen()),
        ),
      ),
    );

    return ClipRect(
      child: Align(
        alignment: Alignment.bottomCenter,
        heightFactor: 0.12,
        child: homeScreen,
      ),
    );
  }
}