diplomatic-quarter/lib/pages/ErService/rapid-response-team/rrt-pickup-address-page.dart

import 'dart:async';

import 'package:diplomaticquarterapp/config/config.dart';
import 'package:diplomaticquarterapp/core/model/pharmacies/Addresses.dart';
import 'package:diplomaticquarterapp/core/viewModels/er/rrt-view-model.dart';
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
import 'package:diplomaticquarterapp/models/rrt/service_price.dart';
import 'package:diplomaticquarterapp/pages/base/base_view.dart';
import 'package:diplomaticquarterapp/uitl/app_toast.dart';
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_material_pickers/flutter_material_pickers.dart';
import 'package:geolocator/geolocator.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:google_maps_place_picker/google_maps_place_picker.dart';
import 'package:provider/provider.dart';

import 'rrt-place-order.dart';

class RRTRequestPickupAddressPage extends StatefulWidget{

  final ServicePrice servicePrice;
  RRTRequestPickupAddressPage({@required this.servicePrice});

  @override
  State<StatefulWidget> createState()  => RRTRequestPickupAddressPageState();

}
class RRTRequestPickupAddressPageState extends State<RRTRequestPickupAddressPage> with SingleTickerProviderStateMixin{
  bool acceptTerms = false;

  bool mapIdle = true;
  Completer<GoogleMapController> mapController = Completer();
  CameraPosition mapCameraPosition = CameraPosition(
    target: LatLng(24.7114693, 46.67469582),
    zoom: 14.4746,
  );

  
  List<Addresses> myAddresses = [];
  Addresses selectedAddress;
  StreamController<int> addressStreamController = StreamController();
  Stream<int> addressStream;
  StreamController<int> addressLoadingStreamController = StreamController();
  Stream<int> addressLoadingStream;

  @override
  void initState(){
    super.initState();
    goToCurrentLocation();
    addressStream = addressStreamController.stream;
    addressLoadingStream = addressLoadingStreamController.stream;
  }
  
  void loadAddresses() async{
    // GifLoaderDialogUtils.showMyDialog(context);
    myAddresses = await viewModel.getAddresses();
    // GifLoaderDialogUtils.hideDialog(context);

    if(myAddresses.isNotEmpty)
      setState(() {});
  }

  TranslationBase localize;
  RRTViewModel viewModel;
  
  @override
  Widget build(BuildContext context) {
    localize = TranslationBase.of(context);
    ProjectViewModel projectViewModel = Provider.of(context);

    addressStreamController.sink.add(0);

    return BaseView<RRTViewModel>(
        onModelReady: (vm){
          viewModel = vm;
          loadAddresses();
        },
        builder: (ctx, vm, widget) => AppScaffold(
            appBarTitle: localize.pickupLocation,
            isShowAppBar: true,
            body: Column(
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                StreamBuilder<Object>(
                  stream: addressStream,
                  builder: (context, snapshot) {
                    return selectAddressField();
                  }
                ),
                StreamBuilder<Object>(
                    stream: addressLoadingStream,
                    builder: (context, snapshot) {
                        return snapshot.hasData ? LinearProgressIndicator(backgroundColor: Colors.transparent) : Container(height: 4,);
                    }
                ),
                Expanded(
                  child:
                  PlacePicker(
                    apiKey: GOOGLE_API_KEY,
                    enableMyLocationButton: true,
                    automaticallyImplyAppBarLeading: false,
                    autocompleteOnTrailingWhitespace: true,
                    selectInitialPosition: true,
                    autocompleteLanguage: projectViewModel.currentLanguage,
                    enableMapTypeButton: true,
                    searchForInitialValue: false,
                    selectedPlaceWidgetBuilder: (_, selectedPlace, state, isSearchBarFocused) {
                      if(state == SearchingState.Idle){
                        addressLoadingStreamController.sink.add(null);
                        if(selectedPlace != null){
                          var loc = selectedPlace.geometry.location;
                          var address1 = selectedPlace.addressComponents.first.longName;
                          var address2 = "";
                          if(selectedPlace.addressComponents.length > 1)
                            address2 = selectedPlace.addressComponents[1].longName;

                          selectedAddress = Addresses(latLong:  '${loc.lat},${loc.lng}', address1: address1, address2: address2);
                          addressStreamController.sink.add(0);
                        }
                      }else{
                        addressLoadingStreamController.sink.add(0);
                      }
                      return Container();
                    },
                    initialPosition: LatLng(24.7114693, 46.67469582),
                    useCurrentLocation: false,
                  ),
                ),
                continueButton()
              ],
            )
        )
    );
  }

  Widget centerTargetPoint(){
    double size = mapIdle ? 20 : 30;
    double margin = mapIdle ? 3 : 10;
    return Center(
      child: Container(
        width: size, height: size,
        decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(20), border: Border.all(width: 2, color: Theme.of(context).appBarTheme.color)
        ),
        child: Container(
            margin: EdgeInsets.all(margin),
            decoration: BoxDecoration(
                color: Theme.of(context).appBarTheme.color,
                borderRadius: BorderRadius.circular(20))
        ),
      ),
    );
  }

  Widget selectAddressField(){
    var text = selectedAddress == null ? localize.selectAddress : selectedAddress.toString();
    return Container(
      margin: EdgeInsets.all(10),
      height: 50,
      child: MaterialButton(
        height: 50, color: Colors.white,
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10) ),
        onPressed: openAddressSelectDialog,
        child: Row(
          children: [
            Expanded(child: Text(text, style: TextStyle(color: Colors.grey, fontSize: 13, letterSpacing: 1))),
            Icon(Icons.keyboard_arrow_down, size: 20, color: Colors.grey,)
          ],
        ),
      ),
    );
  }

  Widget continueButton(){
    return Padding(
      padding: const EdgeInsets.all(15),
      child: MaterialButton(
        height: 50,
        color: Theme.of(context).appBarTheme.color,
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10) ),
        onPressed: () =>
            Navigator.push(
                context,
                FadePage(page: RRTPlaceOrderPage(selectedAddress: selectedAddress, servicePrice: widget.servicePrice,))
            ),
        child: Text(localize.continues, style: TextStyle(color: Colors.white, fontSize: 15, letterSpacing: 1),),
      ),
    );
  }


  openAddressSelectDialog(){
    showMaterialResponsiveDialog(
        hideButtons: true,
        context: context,
        title: localize.selectAddress,
        child: ListView.separated(
          shrinkWrap: true,
            padding: EdgeInsets.all(10),
            itemCount: myAddresses.length,
            itemBuilder: (ctx,idx) {
              var itm = myAddresses[idx];
              return ListTile(
                title: Text(itm.toString()),
                onTap: (){
                  setState(() {
                    selectedAddress = itm;
                    Navigator.pop(context);
                    if(itm.latLong != null && itm.latLong.isNotEmpty && itm.latLong.split(',').length > 1){
                      var cordinates = itm.latLong.split(',');
                      var latlng = LatLng(double.parse(cordinates.first), double.parse(cordinates.last));
                      moveToLocation(latlng);
                    }else{
                      AppToast.showErrorToast(message: 'Invalid address coordinates');
                    }
                  });
                },
              );
            },
            separatorBuilder: (ctx,idx) => Container(height: 0.25, color: Colors.grey.withOpacity(0.7),)
        )
    );
  }

  moveToLocation(LatLng location, {bool animate = true}) async{
    await Future.delayed(Duration(milliseconds: 200));
    mapCameraPosition = CameraPosition(target: location, zoom: 16.4746,);
    if(animate)
      (await mapController.future).animateCamera(CameraUpdate.newCameraPosition(mapCameraPosition),);
    else
      (await mapController.future).moveCamera(CameraUpdate.newCameraPosition(mapCameraPosition),);
  }

  goToCurrentLocation() async{
    var location = await Geolocator.getLastKnownPosition();
    if(location == null){
      Geolocator.getCurrentPosition().then((value){
        moveToLocation(LatLng(value.latitude, value.longitude));
      });
      return;
    }

    moveToLocation(LatLng(location.latitude, location.longitude), animate: false);
  }
}