import 'dart:async';
import 'package:flutter/material.dart';
import 'package:giga_mobile/common/common.dart';
import 'package:giga_mobile/common/navigation.dart';
import 'package:giga_mobile/common/sizes.dart';
import 'package:giga_mobile/common/string_image_asset.dart';
import 'package:giga_mobile/ui/dashboard/dashboard_page.dart';
import 'package:giga_mobile/ui/profile/profile.dart';
import 'package:giga_mobile/ui/quest/quest.dart';
import 'package:giga_mobile/ui/reward/reward.dart';
import 'package:giga_mobile/widget/bottom_nav_bar/fab_bottom_app_bar.dart';
import 'package:giga_mobile/widget/card/card_shop_list_maps.dart';
import 'package:giga_mobile/widget/card/card_shop_maps.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:location/location.dart';

class MapsPage extends StatefulWidget {
  @override
  _MapsPageState createState() => _MapsPageState();
}

class _MapsPageState extends State<MapsPage>
    with SingleTickerProviderStateMixin {

  BitmapDescriptor _pinFoodLocationIcon;

  void _setCustomMapPin() async {
    _pinFoodLocationIcon = await BitmapDescriptor.fromAssetImage(
        ImageConfiguration(devicePixelRatio: 2.5), StringImageAsset.markerFoods);
  }

  @override
  void initState() {
    super.initState();
    _setCustomMapPin();
    _markers.add(
      Marker(
        markerId: MarkerId("13.780152, 100.544490"),
        position: LatLng(13.780152, 100.544490),
        icon: _pinFoodLocationIcon,
        onTap: () => _showModalBottomSheet(0),
      ),
    );
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SizedBox.expand(
        child: _googleMaps(),
    );
  }

  Widget _googleMaps() {
    return GoogleMap(
      myLocationEnabled: true,
      mapType: MapType.normal,
      onMapCreated: _onMapCreated,
      zoomGesturesEnabled: true,
      initialCameraPosition: CameraPosition(
        target: LatLng(13.780264, 100.544975),
        zoom: 17.0,
      ),
      myLocationButtonEnabled: false,
      markers: _markers,
    );
  }
}