dashboard.dart

import 'package:bisaGo/bloc/cloud_messaging_bloc.dart';
import 'package:bisaGo/bloc/lokasi_response_bloc.dart';
import 'package:bisaGo/model/komentar.dart';
import 'package:bisaGo/model/lokasi.dart';
import 'package:bisaGo/bloc/kegiatan_terdekat_bloc.dart';
import 'package:bisaGo/model/kegiatan.dart';
import 'package:bisaGo/page/filter_fasilitas/postingan/detail_post_kegiatan.dart';
import 'package:bisaGo/repository/kegiatan_repository.dart';
import 'package:bisaGo/utils/custom_kegiatan_terdekat_button.dart';
import 'package:bisaGo/network/data/network_model.dart';
import 'package:bisaGo/page/filter_fasilitas/postingan/detail_post.dart';
import 'package:bisaGo/repository/komentar_repository.dart';
import 'package:bisaGo/utils/custom_dashboard_location_button.dart';
import 'package:bisaGo/utils/location_turn_on_dialog.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_dynamic_links/firebase_dynamic_links.dart';
import 'package:firebase_messaging/firebase_messaging.dart';
import 'package:flushbar/flushbar.dart';
import 'package:flutter/material.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:geolocator/geolocator.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:bisaGo/component/bisago_appbar.dart';
import 'package:bisaGo/component/bisago_drawer.dart';
import 'package:bisaGo/config/styles.dart';
import 'package:bisaGo/page/pencarian/pencarian.dart';
import 'package:google_maps_webservice/places.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:shimmer/shimmer.dart';

import '../filter_fasilitas/postingan/detail_post.dart';

class Dashboard extends StatefulWidget {
  const Dashboard({Key key}) : super(key: key);
  @override
  DashboardState createState() => DashboardState();
}

class DashboardState extends State<Dashboard> {
  final double cameraZoom = 15;
  GoogleMapController mapController;
  Geolocator geolocator;
  LatLng currentLocation;
  Set<Marker> markers = {};
  bool _enabled = true;

  LokasiResponseBloc bloc = LokasiResponseBloc();
  KegiatanTerdekatBloc blocKegiatanTerdekat = KegiatanTerdekatBloc();
  CloudMessagingBloc cloudMessagingBloc = CloudMessagingBloc();

  FirebaseMessaging _firebaseMessaging;

  bool _initialized = false;

  DateTime _lastNotification;

  @override
  void initState() {
    super.initState();
    _showTurnOnLocationDialog(context);
    geolocator = Geolocator()..forceAndroidLocationManager;
    initDynamicLinks();
    setInitialLocation();

    if (!_initialized) {
      _initialized = true;
      _setupFirebase();
    }
  }

  void _setupFirebase() async {
    await Firebase.initializeApp();
    _firebaseMessaging = FirebaseMessaging.instance;

    FirebaseMessaging.onMessage.listen((RemoteMessage message) {
      final now = DateTime.now();

      if (_lastNotification != null &&
          _lastNotification.add(Duration(seconds: 10)).isAfter(now)) return;

      _lastNotification = now;
      final data = message.data;
      final String msg = data['message'];
      final String title = data['title'];
      Flushbar(
        title: title,
        message: msg,
        duration: Duration(seconds: 8),
        backgroundColor: Color(0xFF003566),
        onTap: (_) {
          if (data['type'] == 'fasilitas') {
            final String placeId = data['place_id'];
            final id = int.parse(data['id']);
            _navigateToDetailFasilitasPage(context, placeId, id);
          } else if (data['type'] == 'kegiatan') {
            final String placeId = data['place_id'];
            final id = int.parse(data['id']);
            _navigateToDetailKegiatanPage(context, placeId, id);
          }
        },
        flushbarStyle: FlushbarStyle.GROUNDED,
        flushbarPosition: FlushbarPosition.TOP,
      ).show(context);
    });

    FirebaseMessaging.onMessageOpenedApp.listen((message) {
      final data = message.data;
      if (data['type'] == 'fasilitas') {
        final String placeId = data['place_id'];
        final id = int.parse(data['id']);
        _navigateToDetailFasilitasPage(context, placeId, id);
      } else if (data['type'] == 'kegiatan') {
        final String placeId = data['place_id'];
        final id = int.parse(data['id']);
        _navigateToDetailKegiatanPage(context, placeId, id);
      }
    });

    _requestFCMToken();
  }

  void _requestFCMToken() async {
    final fcmToken = await _firebaseMessaging.getToken();
    final sharedPreferences = await SharedPreferences.getInstance();
    final token = sharedPreferences.getString('token');
    if (token != null) {
      await cloudMessagingBloc.sendFCMToken(fcmToken, token);
    }
  }

  void _navigateToPencarianPage(BuildContext context) {
    final route = MaterialPageRoute(builder: (_) => const Pencarian());
    Navigator.of(context).push(route);
  }

  // void _navigateToInformasiLayananDisabilitasPage(BuildContext context) {
  //   final route = MaterialPageRoute(builder: (_) => ListSekolah());
  //   Navigator.of(context).push(route);
  // }

  static const textFieldKey = Key('Text Field Mau Kemana');

  void _showTurnOnLocationDialog(BuildContext context) {
    bloc.isLocationServiceTurnedOn().then(
      (value) {
        if (!value) {
          showDialog(
            context: context,
            builder: (BuildContext context) {
              return LocationTurnOnDialog(
                message: 'Mohon Menyalakan Lokasi',
                title: 'Lokasi',
                onPressed: () {
                  bloc.requestLocationService().then((loc) {
                    if (loc) {
                      Navigator.pop(context);
                    }
                  });
                },
              );
            },
          );
        }
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      drawer: BisaGoDrawer(),
      body: Stack(
        key: const Key('Stack'),
        //alignment: AlignmentDirectional.bottomStart,
        children: <Widget>[
          Container(
              padding: EdgeInsets.only(top: 35),
              child: _buildGoogleMap(context)),
          Column(mainAxisAlignment: MainAxisAlignment.spaceBetween, children: <
              Widget>[
            Container(
                height: 40,
                alignment: Alignment.center,
                decoration: const BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.only(
                      bottomLeft: Radius.circular(10.0),
                      bottomRight: Radius.circular(10.0)),
                ),
                child: Padding(
                    padding:
                        const EdgeInsets.symmetric(horizontal: doubleSpace),
                    child: StreamBuilder<NetworkModel>(
                        stream: blocKegiatanTerdekat.kegiatanTerdekatStream,
                        builder: (context, snapshot) {
                          if (snapshot.hasData) {
                            switch (snapshot.data.status) {
                              case Status.loading:
                                _enabled = true;
                                return Container(
                                    child: _buildMockKegiatanTerdekatWidget());
                                break;
                              case Status.completed:
                                _enabled = false;
                                final kegiatanTerdekat = snapshot.data.data;
                                return _buildKegiatanTerdekatWidget(
                                    kegiatanTerdekat);
                                break;
                              case Status.error:
                                _enabled = false;
                                return Container(
                                    child: const Center(
                                  child: Text(
                                      'Tidak ada kegiatan dalam waktu dekat',
                                      style: TextStyle(
                                        color: greenPrimary,
                                        fontSize: 16,
                                        fontFamily: 'Muli',
                                      )),
                                ));
                                break;
                            }
                            return Container();
                          }
                          return Container();
                        }))), // Container info kegiatan
            Container(
              height: 285,
              alignment: Alignment.bottomCenter,
              decoration: const BoxDecoration(
                color: white,
                borderRadius: BorderRadius.all(
                  Radius.circular(10.0),
                ),
              ),
              padding: const EdgeInsets.symmetric(
                  horizontal: doubleSpace, vertical: doubleSpace),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  InkWell(
                    key: const Key('Navigate to Pencarian'),
                    onTap: () => _navigateToPencarianPage(context),
                    child: Container(
                      key: const Key('Container Text Field'),
                      padding: EdgeInsets.zero,
                      decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: regularBorderRadius,
                          border: Border.all(color: greenPrimary),
                          boxShadow: regularShadow),
                      child: TextFormField(
                        enabled: false,
                        key: const Key('Text Field Mau Kemana'),
                        decoration: const InputDecoration(
                          prefixIcon: Icon(
                            Icons.search,
                            color: greenPrimary,
                            size: 25,
                          ),
                          border: InputBorder.none,
                          fillColor: Colors.white,
                          labelText: 'Tekan untuk mencari tempat',
                          labelStyle: TextStyle(
                              color: greenPrimary,
                              fontSize: 20,
                              fontFamily: 'Muli',
                              fontWeight: FontWeight.w700),
                        ),
                      ),
                    ),
                  ),
                  const SizedBox(height: doubleSpace),
                  const Text(
                    'Paling sering dicari',
                    style: TextStyle(
                      color: Colors.black,
                      fontSize: 18,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                  const SizedBox(height: 10),
                  StreamBuilder<NetworkModel<LokasiListResponse>>(
                      stream: bloc.lokasiListStream,
                      builder: (context, snapshot) {
                        if (snapshot.hasData) {
                          switch (snapshot.data.status) {
                            case Status.loading:
                              _enabled = true;
                              return Container(
                                  height: 130, child: _buildMockLokasiWidget());
                              break;
                            case Status.completed:
                              _enabled = false;
                              final places = snapshot.data.data.listLokasi;
                              return _buildLokasiWidget(places);
                              break;
                            case Status.error:
                              _enabled = false;
                              return Container(
                                height: 130,
                                child: const Center(
                                  child: Text('Gagal untuk mendapatkan tempat'),
                                ),
                              );
                              break;
                          }
                          return Container();
                        }
                        return Container();
                      }),
                ],
              ),
            ),
          ])
        ],
      ),
      // floatingActionButton: FloatingActionButton.extended(
      //   key: const Key('FloatingActionButton'),
      //   onPressed: () {
      //     _navigateToInformasiLayananDisabilitasPage(context);
      //   },
      //   label: Text('Informasi Layanan Disabilitas'),
      //   icon: Icon(Icons.search),
      //   backgroundColor: greenPrimary,
      // ),
      // floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
      appBar: const PreferredSize(
        preferredSize: Size.fromHeight(55),
        key: Key('Scaffold Text Field'),
        child: BisaGoAppBar(),
      ),
    );
  }

  Widget _buildLokasiWidget(List<Lokasi> lokasilistresponse) {
    return Container(
      height: 130,
      child: ListView(
        scrollDirection: Axis.horizontal,
        children: [
          Row(
              children: lokasilistresponse
                  .map<Widget>((k) => LocationIconButton(
                        location: k,
                      ))
                  .toList()),
        ],
      ),
    );
  }

  Widget _buildMockLokasiWidget() {
    final mockLokasi = [
      Lokasi.fromJson({
        'name': 'Margo City',
        'alamat':
            'Jl. Margonda Raya No.358, Kemiri Muka, Kecamatan Beji, Kota Depok, Jawa Barat 16423',
        'image': 'static/img/2669211407.jpg',
        'no_telp': '02178870888',
        'counter': 69,
      }),
      Lokasi.fromJson({
        'name': 'Margo City',
        'alamat':
            'Jl. Margonda Raya No.358, Kemiri Muka, Kecamatan Beji, Kota Depok, Jawa Barat 16423',
        'image': 'static/img/2669211407.jpg',
        'no_telp': '02178870888',
        'counter': 69,
      }),
      Lokasi.fromJson({
        'name': 'Margo City',
        'alamat':
            'Jl. Margonda Raya No.358, Kemiri Muka, Kecamatan Beji, Kota Depok, Jawa Barat 16423',
        'image': 'static/img/2669211407.jpg',
        'no_telp': '02178870888',
        'counter': 69,
      }),
    ];
    return Container(
      key: Key('Shimmer loading'),
      height: 130,
      child: ListView(
        scrollDirection: Axis.horizontal,
        children: [
          Row(
              children: mockLokasi
                  .map<Widget>((k) => Shimmer.fromColors(
                      baseColor: Colors.grey[300],
                      highlightColor: Colors.grey[100],
                      enabled: _enabled,
                      child: LocationIconButton(
                        location: k,
                      )))
                  .toList()),
        ],
      ),
    );
  }

  Widget _buildKegiatanTerdekatWidget(KegiatanModel kegiatanModel) {
    return Container(child: KegiatanTerdekatButton(kegiatan: kegiatanModel));
  }

  Widget _buildMockKegiatanTerdekatWidget() {
    final mockKegiatan = KegiatanModel.fromJson({
      'id': 1,
      'place_id': 'asdfghjkl',
      'creator': 'Jovi',
      'nama_kegiatan': 'Jalan Sehat',
      'penyelenggara': 'Gubernur',
      'narahubung': 'Rafif (0880123456123456)',
      'deskripsi': 'Jalan sehat keliling kota',
      'time_start': '2021-05-15 06:00:00',
      'time_end': '2021-05-15 10:00:00',
      'image': ['a', 'b', 'c'],
    });
    return Container(child: KegiatanTerdekatButton(kegiatan: mockKegiatan));
  }

  Widget _buildGoogleMap(BuildContext context) {
    if (currentLocation == null) {
      return const Center(
        child: CircularProgressIndicator(),
      );
    } else {
      return GoogleMap(
        initialCameraPosition:
            CameraPosition(target: currentLocation, zoom: cameraZoom),
        onMapCreated: (GoogleMapController controller) {
          mapController = controller;
        },
        myLocationEnabled: true,
        markers: markers,
        onCameraMove: _onCameraMove,
      );
    }
  }

  void _onCameraMove(CameraPosition position) {
    setState(() {
      currentLocation = position.target;
    });
  }

  void setInitialLocation() async {
    final position = await geolocator.getCurrentPosition(
        desiredAccuracy: LocationAccuracy.high);

    setState(() {
      currentLocation = LatLng(position.latitude, position.longitude);
    });
  }

  Future<String> getLokasiName(String placeId) async {
    final _places = GoogleMapsPlaces(apiKey: DotEnv().env['API_KEY']);
    var details = await _places.getDetailsByPlaceId(
      placeId,
      fields: [
        'name',
      ],
    );
    final result = details.result;
    return result == null ? 'INVALID' : result.name;
  }

  void _navigateToDetailFasilitasPage(
      BuildContext context, String placeId, int fasilitasId) async {
    final fetches = await Future.wait([
      KomentarRepository().fetchDetailFasilitas(placeId, fasilitasId),
      getLokasiName(placeId),
    ]);
    final KomentarModel fasilitas = fetches[0];
    final String namaLokasi = fetches[1] ?? 'INVALID';
    final lokasi = Lokasi()
      ..placeId = placeId
      ..name = namaLokasi;
    final fasilitasRoute = MaterialPageRoute(
        builder: (BuildContext context) => DetailPostPage(
              lokasi: lokasi,
              komentar: KomentarModel(
                creator: fasilitas.creator,
                dateTime: fasilitas.dateTime,
                deskripsi: fasilitas.deskripsi,
                id: fasilitas.id,
                image: fasilitas.image,
                isVerified: fasilitas.isVerified,
                namaLokasi: lokasi.name,
                tag: fasilitas.tag,
                disabilitas: fasilitas.disabilitas,
                jumlah: fasilitas.jumlah,
              ),
            ));
    await Navigator.of(context).push(fasilitasRoute);
  }

  void _navigateToDetailKegiatanPage(
      BuildContext context, String placeId, int fasilitasId) async {
    final fetches = await Future.wait([
      KegiatanRepository().fetchDetailKegiatan(placeId, fasilitasId),
      getLokasiName(placeId),
    ]);
    final KegiatanModel kegiatan = fetches[0];
    final String namaLokasi = fetches[1] ?? 'INVALID';
    final lokasi = Lokasi()
      ..placeId = placeId
      ..name = namaLokasi;
    final fasilitasRoute = MaterialPageRoute(
        builder: (BuildContext context) => DetailPostKegiatanPage(
              lokasi: lokasi,
              kegiatan: KegiatanModel(
                id: kegiatan.id,
                placeId: lokasi.placeId,
                creator: kegiatan.creator,
                namaKegiatan: kegiatan.namaKegiatan,
                penyelenggara: kegiatan.penyelenggara,
                deskripsi: kegiatan.deskripsi,
                namaKontak: kegiatan.namaKontak,
                nomorKontak: kegiatan.nomorKontak,
                links: kegiatan.links,
                timeStart: kegiatan.timeStart,
                timeEnd: kegiatan.timeEnd,
                zonaWaktu: kegiatan.zonaWaktu,
                images: kegiatan.images,
              ),
            ));
    await Navigator.of(context).push(fasilitasRoute);
  }

  void initDynamicLinks() async {
    final data = await FirebaseDynamicLinks.instance.getInitialLink();

    _handleDeepLink(data);
    FirebaseDynamicLinks.instance.onLink(
        onSuccess: (PendingDynamicLinkData dynamicLink) async {
      _handleDeepLink(dynamicLink);
    }, onError: (OnLinkErrorException e) async {
      print('Link Failed: ${e.message}');
    });
  }

  void _handleDeepLink(PendingDynamicLinkData data) async {
    final deepLink = data?.link;
    if (deepLink != null) {
      final params = deepLink.queryParameters;
      final path = deepLink.pathSegments;
      final placeId = params['place_id'];
      final id = int.parse(params['id']);
      final type = params['type'];
      if (path[0] == 'link') {
        if (type == 'fasilitas') {
          _navigateToDetailFasilitasPage(context, placeId, id);
        } else if (type == 'kegiatan') {
          _navigateToDetailKegiatanPage(context, placeId, id);
        }
      }
    }
  }
}