import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    final ButtonStyle updateStyle = ElevatedButton.styleFrom(
        primary: Colors.green, textStyle: const TextStyle(fontSize: 20));
    final ButtonStyle deleteStyle = ElevatedButton.styleFrom(
        primary: Colors.redAccent, textStyle: const TextStyle(fontSize: 20));

    final textHeadStyle =
        TextStyle(fontSize: 30.0, fontWeight: FontWeight.bold);

    final textGPSStyle = TextStyle(fontSize: 24.0, fontStyle: FontStyle.italic);

    return Scaffold(
        appBar: AppBar(
          // Here we take the value from the MyHomePage object that was created by
          // the App.build method, and use it to set our appbar title.
          title: Text('Settings Page'),
        ),
        body: Column(
          children: [
            Text('Home', style: textHeadStyle),
            Text('35.2525, 49.2525', style: textGPSStyle),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: ElevatedButton(
                style: updateStyle,
                onPressed: () {},
                child: const Text('Update'),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: ElevatedButton(
                style: deleteStyle,
                onPressed: () {},
                child: const Text('Delete'),
              ),
            ),
            Text('Work', style: textHeadStyle),
            Text('32.2525, 51.2525', style: textGPSStyle),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: ElevatedButton(
                style: updateStyle,
                onPressed: () {},
                child: const Text('Update'),
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: ElevatedButton(
                style: deleteStyle,
                onPressed: () {},
                child: const Text('Delete'),
              ),
            ),
            Text('Display Name', style: textHeadStyle),
            const TextField(
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                labelText: 'Donny',
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: ElevatedButton(
                style: updateStyle,
                onPressed: () {},
                child: const Text('Update'),
              ),
            ),
          ],
        ));
  }
}