import 'package:device_info_plus/device_info_plus.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:platform_device_id/platform_device_id.dart';

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

  @override
  State<FullPage> createState() => _FullPageState();
}

class _FullPageState extends State<FullPage> {

  Map? _info;
  String? _deviceId;

  void _getInfo() async {
    // Instantiating the plugin
    final deviceInfoPlugin = DeviceInfoPlugin();

    final result = await deviceInfoPlugin.deviceInfo;
    setState(() {
      _info = result.toMap();
    });
  }

  void _getIdDevice() async {
    // Get device id
    String? result = await PlatformDeviceId.getDeviceId;

    // Update the UI
    setState(() {
      _deviceId = result;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: _info != null
          ? Padding(
        padding: const EdgeInsets.all(20),
        child: ListView(
          children: _info!.entries
              .map((e) => Wrap(
            children: [
              Text(
                "${e.key} :",
                style: const TextStyle(
                    fontSize: 18, color: Colors.red),
              ),
              const SizedBox(
                width: 15,
              ),
              Text(
                e.value.toString(),
                style: const TextStyle(
                  fontSize: 18,
                ),
              )
            ],
          ))
              .toList(),
        ),
      )
          : Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(_deviceId??'Press the button'),
            SizedBox(
              height: 20,
            ),
            buildMaterialButton(),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _getInfo,
        child: const Icon(Icons.info),
      ),
    );
  }

  MaterialButton buildMaterialButton() {
    return MaterialButton(
      color: Colors.blueAccent,
      onPressed: _getIdDevice,
      child: const Text(
        'Click Here.',
        style: TextStyle(color: Colors.white),
      ),
    );
  }
}