import 'package:expandable_bottom_sheet/expandable_bottom_sheet.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
import 'package:quid_faciam_hodie/constants/spacing.dart';
import 'package:quid_faciam_hodie/foreign_types/memory_location.dart';
import 'package:quid_faciam_hodie/utils/loadable.dart';
import 'package:quid_faciam_hodie/utils/lookup_address.dart';
import 'package:quid_faciam_hodie/utils/theme.dart';
import 'package:quid_faciam_hodie/widgets/icon_button_child.dart';
import 'package:quid_faciam_hodie/widgets/key_value_info.dart';
import 'package:quid_faciam_hodie/widgets/platform_widgets/memory_cupertino_maps.dart';
import 'package:quid_faciam_hodie/widgets/platform_widgets/memory_material_maps.dart';
import 'package:quid_faciam_hodie/widgets/sheet_indicator.dart';
import 'package:url_launcher/url_launcher.dart';

class MemoryMapScreen extends StatefulWidget {
  final MemoryLocation location;

  const MemoryMapScreen({
    Key? key,
    required this.location,
  }) : super(key: key);

  @override
  State<MemoryMapScreen> createState() => _MemoryMapScreenState();
}

class _MemoryMapScreenState extends State<MemoryMapScreen> with Loadable {
  String? address;

  @override
  void initState() {
    super.initState();

    callWithLoading(fetchAddress);
  }

  Future<void> fetchAddress() async {
    try {
      final foundAddress = await lookupAddress(
        latitude: widget.location.latitude,
        longitude: widget.location.longitude,
      );

      setState(() {
        address = foundAddress;
      });
    } catch (error) {
      setState(() {
        address = null;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    final localizations = AppLocalizations.of(context)!;
    final backgroundColor = getSheetColor(context);

    return PlatformScaffold(
      appBar: PlatformAppBar(
        title: Text(localizations.memoryMapScreenTitle),
      ),
      body: ExpandableBottomSheet(
        enableToggle: true,
        background: isMaterial(context)
            ? MemoryMaterialMaps(
                location: widget.location,
                initialZoom: 13,
              )
            : MemoryCupertinoMaps(
                location: widget.location,
                initialZoom: 13,
              ),
        persistentHeader: Container(
          width: double.infinity,
          padding: const EdgeInsets.all(SMALL_SPACE),
          decoration: BoxDecoration(
            color: backgroundColor,
            borderRadius: const BorderRadius.only(
              topLeft: Radius.circular(LARGE_SPACE),
              topRight: Radius.circular(LARGE_SPACE),
            ),
          ),
          child: Padding(
            padding: const EdgeInsets.all(MEDIUM_SPACE),
            child: Column(
              children: <Widget>[
                const SheetIndicator(),
                const SizedBox(height: MEDIUM_SPACE),
                Text(
                  localizations.memoryMapScreenExpandForMoreDescription,
                  style: getBodyTextTextStyle(context),
                ),
              ],
            ),
          ),
        ),
        expandableContent: Container(
          color: backgroundColor,
          padding: const EdgeInsets.all(MEDIUM_SPACE),
          child: Column(
            children: <Widget>[
              KeyValueInfo(
                title: localizations.memoryMapScreenValuesAddressLabel,
                value: () {
                  if (isLoading) {
                    return localizations.memoryMapScreenValuesAddressIsLoading;
                  }

                  if (address == null) {
                    return localizations
                        .memoryMapScreenValuesAddressIsUnavailable;
                  }

                  return address!;
                }(),
              ),
              const SizedBox(height: SMALL_SPACE),
              PlatformTextButton(
                onPressed: () {
                  final url =
                      'geo:0,0?q=${widget.location.latitude},${widget.location.longitude} (${address ?? ''})';
                  launchUrl(Uri.parse(url));
                },
                child: IconButtonChild(
                  icon: Icon(context.platformIcons.location),
                  label: Text(localizations.memoryMapScreenOpenNavigation),
                ),
              ),
              const SizedBox(height: SMALL_SPACE),
              KeyValueInfo(
                title: localizations.memoryMapScreenValuesLatitudeLabel,
                value: widget.location.latitude.toString(),
              ),
              KeyValueInfo(
                title: localizations.memoryMapScreenValuesLongitudeLabel,
                value: widget.location.longitude.toString(),
              ),
              KeyValueInfo(
                title: localizations.memoryMapScreenValuesAccuracyLabel,
                value: localizations.memoryMapScreenValuesAccuracyValue(
                  widget.location.accuracy.toString(),
                ),
                icon: Icons.circle,
              ),
              KeyValueInfo(
                title: localizations.memoryMapScreenValuesSpeedLabel,
                value: localizations.memoryMapScreenValuesSpeedValue(
                  widget.location.speed.toString(),
                ),
                icon: Icons.speed_rounded,
              ),
              KeyValueInfo(
                title: localizations.memoryMapScreenValuesAltitudeLabel,
                value: localizations.memoryMapScreenValuesAltitudeValue(
                  widget.location.altitude.toString(),
                ),
                icon: Icons.landscape_rounded,
              ),
            ],
          ),
        ),
      ),
    );
  }
}