import 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(const MyApp());
}

// ── Device catalogue ─────────────────────────────────────────────────────────

enum _Category { dynamicIsland, notch, nonNotch, unknown }

class _DeviceInfo {
  const _DeviceInfo(this.name, this.category);
  final String name;
  final _Category category;
}

// Add new devices here. modelIdentifier → (display name, category).
// Obtain the identifier via:
//   xcrun simctl getenv <UDID> SIMULATOR_MODEL_IDENTIFIER
const _knownDevices = <String, _DeviceInfo>{
  // ── Dynamic Island ────────────────────────────────────────────────────────
  'iPhone15,2': _DeviceInfo('iPhone 14 Pro', _Category.dynamicIsland),
  'iPhone15,3': _DeviceInfo('iPhone 14 Pro Max', _Category.dynamicIsland),
  'iPhone16,1': _DeviceInfo('iPhone 15 Pro', _Category.dynamicIsland),
  'iPhone16,2': _DeviceInfo('iPhone 15 Pro Max', _Category.dynamicIsland),
  'iPhone17,1': _DeviceInfo('iPhone 16 Pro', _Category.dynamicIsland),
  'iPhone17,2': _DeviceInfo('iPhone 16 Pro Max', _Category.dynamicIsland),
  'iPhone17,3': _DeviceInfo('iPhone 16', _Category.dynamicIsland),
  'iPhone17,4': _DeviceInfo('iPhone 16 Plus', _Category.dynamicIsland),
  'iPhone18,1': _DeviceInfo('iPhone 17 Pro', _Category.dynamicIsland),
  'iPhone18,2': _DeviceInfo('iPhone 17 Pro Max', _Category.dynamicIsland),
  'iPhone18,3': _DeviceInfo('iPhone 17', _Category.dynamicIsland),
  'iPhone18,4': _DeviceInfo('iPhone 17 Plus', _Category.dynamicIsland),
  // ── Notch ─────────────────────────────────────────────────────────────────
  'iPhone10,3': _DeviceInfo('iPhone X', _Category.notch),
  'iPhone10,6': _DeviceInfo('iPhone X', _Category.notch),
  'iPhone11,2': _DeviceInfo('iPhone XS', _Category.notch),
  'iPhone11,4': _DeviceInfo('iPhone XS Max', _Category.notch),
  'iPhone11,6': _DeviceInfo('iPhone XS Max', _Category.notch),
  'iPhone11,8': _DeviceInfo('iPhone XR', _Category.notch),
  'iPhone12,1': _DeviceInfo('iPhone 11', _Category.notch),
  'iPhone12,3': _DeviceInfo('iPhone 11 Pro', _Category.notch),
  'iPhone12,5': _DeviceInfo('iPhone 11 Pro Max', _Category.notch),
  'iPhone12,8': _DeviceInfo('iPhone SE (2nd gen)', _Category.notch),
  'iPhone13,1': _DeviceInfo('iPhone 12 mini', _Category.notch),
  'iPhone13,2': _DeviceInfo('iPhone 12', _Category.notch),
  'iPhone13,3': _DeviceInfo('iPhone 12 Pro', _Category.notch),
  'iPhone13,4': _DeviceInfo('iPhone 12 Pro Max', _Category.notch),
  'iPhone14,2': _DeviceInfo('iPhone 13 Pro', _Category.notch),
  'iPhone14,3': _DeviceInfo('iPhone 13 Pro Max', _Category.notch),
  'iPhone14,4': _DeviceInfo('iPhone 13 mini', _Category.notch),
  'iPhone14,5': _DeviceInfo('iPhone 13', _Category.notch),
  'iPhone14,6': _DeviceInfo('iPhone SE (3rd gen)', _Category.notch),
  'iPhone14,7': _DeviceInfo('iPhone 14', _Category.notch),
  'iPhone14,8': _DeviceInfo('iPhone 14 Plus', _Category.notch),
  'iPhone15,4': _DeviceInfo('iPhone 15', _Category.notch),
  'iPhone15,5': _DeviceInfo('iPhone 15 Plus', _Category.notch),
  'iPhone17,5': _DeviceInfo('iPhone 16e', _Category.notch),
  // ── Non-notch (iPad Face ID, home-button-less) ─────────────────────────────
  'iPad13,4': _DeviceInfo('iPad Pro 11-inch (3rd gen)', _Category.nonNotch),
  'iPad13,5': _DeviceInfo('iPad Pro 11-inch (3rd gen)', _Category.nonNotch),
  'iPad13,6': _DeviceInfo('iPad Pro 11-inch (3rd gen)', _Category.nonNotch),
  'iPad13,7': _DeviceInfo('iPad Pro 11-inch (3rd gen)', _Category.nonNotch),
  'iPad14,3': _DeviceInfo('iPad Pro 11-inch (M2)', _Category.nonNotch),
  'iPad14,4': _DeviceInfo('iPad Pro 11-inch (M2)', _Category.nonNotch),
  'iPad16,3': _DeviceInfo('iPad Pro 11-inch (M4)', _Category.nonNotch),
  'iPad16,4': _DeviceInfo('iPad Pro 11-inch (M4)', _Category.nonNotch),
  'iPad16,5': _DeviceInfo('iPad Pro 13-inch (M4)', _Category.nonNotch),
  'iPad16,6': _DeviceInfo('iPad Pro 13-inch (M4)', _Category.nonNotch),
};

String _categoryLabel(_Category c) => switch (c) {
      _Category.dynamicIsland => 'Hardware cutout (Dynamic Island)',
      _Category.notch => 'Hardware cutout (Notch)',
      _Category.nonNotch => 'Non-notch',
      _Category.unknown => 'Unknown',
    };

String _expectedBehavior(_Category c) => switch (c) {
      _Category.dynamicIsland =>
        'Top padding stays at Dynamic Island clearance height\n'
            '(hardware cutout always requires clearance)',
      _Category.notch =>
        'Top padding stays at notch clearance height\n'
            '(hardware cutout always requires clearance)',
      _Category.nonNotch =>
        'Top padding drops to 0 in immersive mode\n'
            '(no hardware cutout, only status bar required clearance)',
      _Category.unknown =>
        'Add this device to one of the three lists\n'
            'in main.dart to see adjusted expectations',
    };

// ─────────────────────────────────────────────────────────────────────────────

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Status Bar Demo',
      debugShowCheckedModeBanner: false,
      home: const MyHomePage(),
    );
  }
}

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

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool _isImmersive = false;
  Timer? _autoTimer;

  late final String _modelId;
  late final _DeviceInfo _deviceInfo;

  @override
  void initState() {
    super.initState();
    _modelId = const String.fromEnvironment('MODEL_ID');
    _deviceInfo = _knownDevices[_modelId] ??
        const _DeviceInfo('Unknown', _Category.unknown);

    _autoTimer = Timer.periodic(const Duration(seconds: 2), (_) => _toggle());
  }

  @override
  void dispose() {
    _autoTimer?.cancel();
    super.dispose();
  }

  void _toggle() {
    if (_isImmersive) {
      SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
    } else {
      SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersive);
    }
    setState(() => _isImmersive = !_isImmersive);
  }

  @override
  Widget build(BuildContext context) {
    final padding = MediaQuery.of(context).padding;
    final osVersion = Platform.operatingSystemVersion;
    final category = _categoryLabel(_deviceInfo.category);
    final expected = _expectedBehavior(_deviceInfo.category);

    return Scaffold(
      body: SafeArea(
        child: Container(
          width: double.infinity,
          height: double.infinity,
          color: Colors.grey[300],
          child: Column(
            spacing: 8,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
                'Immersive mode: $_isImmersive',
                style: const TextStyle(fontSize: 18),
              ),
              Text(
                'Safe area padding top: ${padding.top}',
                style: const TextStyle(fontSize: 18),
              ),
              Text(
                'Safe area padding bottom: ${padding.bottom}',
                style: const TextStyle(fontSize: 18),
              ),
              FilledButton(onPressed: _toggle, child: const Text('Toggle')),
              const SizedBox(height: 8),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 24),
                child: Text(
                  'Device: ${_deviceInfo.name} ($_modelId)',
                  textAlign: TextAlign.center,
                  style: const TextStyle(fontSize: 13, color: Colors.black54),
                ),
              ),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 24),
                child: Text(
                  'iOS $osVersion',
                  textAlign: TextAlign.center,
                  style: const TextStyle(fontSize: 13, color: Colors.black54),
                ),
              ),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 24),
                child: Text(
                  'Category: $category',
                  textAlign: TextAlign.center,
                  style: const TextStyle(fontSize: 13, color: Colors.black54),
                ),
              ),
              const SizedBox(height: 4),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 24),
                child: Text(
                  'Expected: $expected',
                  textAlign: TextAlign.center,
                  style: const TextStyle(
                    fontSize: 13,
                    color: Colors.black87,
                    fontStyle: FontStyle.italic,
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}