add_informasi.dart

import 'dart:async';
import 'dart:io';
import 'package:bisaGo/bloc/komentar_bloc.dart';
import 'package:bisaGo/component/disabilitas_button_grid.dart';
import 'package:bisaGo/component/image_preview_holder.dart';

import 'package:bisaGo/config/strings.dart';
import 'package:bisaGo/config/styles.dart';
import 'package:bisaGo/page/login/login.dart';
import 'package:bisaGo/utils/custom_button.dart';
import 'package:bisaGo/utils/custom_alert_dialog.dart';
import 'package:bisaGo/utils/custom_dropdown.dart';
import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:bisaGo/utils/custom_deskripsi_field.dart';
import 'package:bisaGo/utils/validator.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:image_picker/image_picker.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

class AddInformasi extends StatefulWidget {
  final String nama;
  @override
  AddInformasiState createState() => AddInformasiState();

  const AddInformasi({this.nama, Key key}) : super(key: key);
}

class AddInformasiState extends State<AddInformasi> {
  Map<String, dynamic> newKomentarData = {};
  KomentarBloc _bloc;
  TextEditingController deskripsiController = TextEditingController();
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final picker = ImagePicker();
  File _image;

  Future _getImage() async {
    final image = await picker.getImage(source: ImageSource.gallery);
    return File(image.path);
//    setState(() {
//      _image = File(image.path);
//      print('_image : $_image');
//    });
  }

  Future _clearImage() async {
    setState(() {
      _image = null;
    });
  }

  @override
  void initState() {
    super.initState();
    _jumlahFasilitas = 0;
    _fisikClicked = false;
    _intelektualClicked = false;
    _mentalClicked = false;
    _sensorikClicked = false;
    _isCounterValid = true;
    _isDisabilitasValid = true;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Text('Tambah Informasi'),
          centerTitle: true,
          backgroundColor: const Color(0xff3A903A),
        ),
        body: SingleChildScrollView(
            child: Form(
          key: _formKey,
          child: Container(
            margin: const EdgeInsets.symmetric(horizontal: 25.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                const SizedBox(height: doubleSpace),
                Text(
                  widget.nama,
                  key: const Key('Text Location Name'),
                  style: const TextStyle(
                    fontSize: 28,
                    fontWeight: FontWeight.w800,
                    color: Colors.black,
                    fontFamily: 'Comfortaa',
                  ),
                ),
                // GridView.count(
                //   key: Key('Input Gambar'),
                //   shrinkWrap: true,
                //   primary: false,
                //   padding: const EdgeInsets.all(10),
                //   crossAxisSpacing: 10,
                //   crossAxisCount: 2,
                //   children: <Widget>[
                //     GestureDetector(
                //       onTap: () async {
                //         var imageSelected = await _getImage();
                //         setState(() {
                //           _image = imageSelected;
                //         });
                //         },
                //       child: Container(
                //         padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 2.0),
                //         decoration: BoxDecoration(
                //           borderRadius: BorderRadius.only(
                //             topLeft: Radius.circular(20.0),
                //             topRight: Radius.circular(20.0),
                //             bottomLeft: Radius.circular(20.0),
                //             bottomRight: Radius.circular(20.0),
                //           ),
                //           color: Colors.black12,
                //         ),
                //         child: _image == null ? Icon(FontAwesomeIcons.plus) : Image.file(_image),
                //       ),
                //     )
                //   ],
                // ),
                const SizedBox(height: doubleSpace),
                CustomDropdown(
                    title: 'Fasilitas / Layanan',
                    key: const Key('Dropdown Fasilitas Layanan'),
                    dropdownList: fasilitas,
                    validator: FieldValidator.validateDropdown,
                    hint: 'Pilih fasilitas / layanan',
                    onChanged: (value) {
                      setState(() {
                        _jenisFasilitas = value;
                      });
                    }),
                const SizedBox(height: 10),
                const Text(
                  'Jumlah fasilitas / layanan',
                  style: TextStyle(fontSize: 18),
                  textAlign: TextAlign.left,
                ),
                const SizedBox(height: 10),
                Row(
                  children: [
                    iconButton(
                        const Key('Button Decrement'),
                        const Icon(MdiIcons.minus,
                            color: Colors.black, size: 18),
                        _decrementCount,
                        30,
                        30),
                    const SizedBox(width: regularSpace),
                    Container(
                      key: const Key('Counter Fasilitas Layanan'),
                      alignment: Alignment.center,
                      decoration: BoxDecoration(
                          color: Colors.white,
                          boxShadow: regularShadow,
                          borderRadius: BorderRadius.circular(5.0),
                          border: Border.all(
                              color:
                                  _isCounterValid ? greenPrimary : Colors.red)),
                      height: 30,
                      width: 45,
                      child: Text(
                        _jumlahFasilitas.toString(),
                        style: const TextStyle(fontSize: 18.0),
                      ),
                    ),
                    const SizedBox(width: regularSpace),
                    iconButton(
                        const Key('Button Increment'),
                        const Icon(MdiIcons.plus,
                            color: Colors.black, size: 18),
                        _incrementCount,
                        30,
                        30),
                  ],
                ),
                SizedBox(height: _isCounterValid == true ? 0 : regularSpace),
                FieldValidator.validateCustomFieldAlert(_isCounterValid),
                const SizedBox(height: 10),
                CustomDeskripsiField(
                  title: 'Cara menggunakan',
                  key: const Key('Text Field Informasi'),
                  hint: 'Masukkan cara menggunakan',
                  onSaved: (input) {},
                  validator: FieldValidator.validateInfo,
                  controller: deskripsiController,
                ),
                const SizedBox(height: 10),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    const Text(
                      'Foto',
                      style: TextStyle(fontSize: 18),
                      textAlign: TextAlign.left,
                    ),
                    FlatButton(
                      key: const Key('Button Input Foto'),
                      padding: EdgeInsets.zero,
                      onPressed: () async {
                        final imageSelected = await _getImage();
                        setState(() {
                          _image = imageSelected;
                        });
                      },
                      child: Container(
                        width: MediaQuery.of(context).size.width * 0.45,
                        padding: const EdgeInsets.all(9.0),
                        alignment: Alignment.centerLeft,
                        decoration: BoxDecoration(
                            boxShadow: regularShadow,
                            borderRadius: BorderRadius.circular(10.0),
                            color: greenPrimary),
                        child: Row(
                          children: [
                            const Icon(
                              MdiIcons.imagePlus,
                              color: Colors.white,
                              size: 14.0,
                            ),
                            const SizedBox(width: regularSpace),
                            const Text(
                              'Pilih foto',
                              style: TextStyle(
                                  color: Colors.white, fontSize: 14.0),
                            ),
                          ],
                        ),
                      ),
                    )
                  ],
                ),
                _showImagePreview(),
                const SizedBox(height: 10),
                const Text(
                  'Jenis Disabilitas',
                  style: TextStyle(fontSize: 18),
                  textAlign: TextAlign.left,
                ),
                FieldValidator.validateCustomFieldAlert(_isDisabilitasValid),
                const SizedBox(height: 10),
                DisabilitasButtonGrid(
                  boolFisik: _fisikClicked,
                  boolIntelektual: _intelektualClicked,
                  boolMental: _mentalClicked,
                  boolSensorik: _sensorikClicked,
                  onPressedFisik: () {
                    setState(() {
                      _fisikClicked = !_fisikClicked;
                    });
                  },
                  onPressedIntelektual: () {
                    setState(() {
                      _intelektualClicked = !_intelektualClicked;
                    });
                  },
                  onPressedMental: () {
                    setState(() {
                      _mentalClicked = !_mentalClicked;
                    });
                  },
                  onPressedSensorik: () {
                    setState(() {
                      _sensorikClicked = !_sensorikClicked;
                    });
                  },
                ),
                Container(
                    key: const Key('Button Simpan'),
                    margin: const EdgeInsets.fromLTRB(0, 30, 0, 10),
                    alignment: Alignment.center,
                    decoration: BoxDecoration(boxShadow: regularShadow),
                    child: ButtonTheme(
                      height: 55.0,
                      child: FlatButton(
                        color: greenPrimary,
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(10.0)),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            const Icon(MdiIcons.check,
                                color: Colors.white, size: 30.0),
                            const SizedBox(width: 5.0),
                            const Text('Simpan',
                                style: TextStyle(
                                    color: Colors.white, fontSize: 20.0)),
                          ],
                        ),
                        padding: const EdgeInsets.symmetric(vertical: 10.0),
                        onPressed: _validateInformationInput,
                      ),
                    )),
                const SizedBox(
                  height: doubleSpace,
                )
              ],
            ),
          ),
        )));
  }

  String _jenisFasilitas;
  int _jumlahFasilitas;
  bool _fisikClicked;
  bool _intelektualClicked;
  bool _mentalClicked;
  bool _sensorikClicked;
  bool _isCounterValid;
  bool _isDisabilitasValid;
  String _disabilitas = '';

  void _showConfirmationPopUp() {
    showDialog(
        context: context,
        builder: (BuildContext context) {
          return CustomAlertDialog(
            key: const Key('Pop Up Konfirmasi'),
            title:
                'Apakah kamu sudah yakin informasi yang diberikan sudah benar?',
            leftText: 'Tidak',
            leftIcon: MdiIcons.close,
            leftFunction: () {
              Navigator.of(context).pop(true);
              _resetInput();
            },
            rightText: 'Ya',
            rightIcon: MdiIcons.check,
            rightFunction: () async {
              Navigator.of(context).pop(true);
              await submitKomentar();
            },
          );
        });
  }

  Future<void> submitKomentar() async {
    final sharedPreferences = await SharedPreferences.getInstance();
    if (sharedPreferences.getString('token') == null) {
      await Navigator.push(
          context, MaterialPageRoute(builder: (_) => const Login()));
    } else {
      final _namaLokasi = widget.nama.replaceAll(' ', '%20');
      _bloc = KomentarBloc(_namaLokasi);
      final response = await _bloc.addNewKomentar(newKomentarData, _namaLokasi);
      if (response.containsKey('id')) {
        successDialog(context);
        Timer(const Duration(seconds: 2), () {
          Navigator.pop(context);
          Navigator.pop(context);
        });
      } else if (response['response'] == 'fasilitas already exist') {
        failedDialog(context, 'Fasilitas/Layanan sudah ditambahkan sebelumnya');
      } else {
        failedDialog(context, 'default');
      }
    }
  }

  Future<void> setKomentarData() async {
    newKomentarData['deskripsi'] = deskripsiController.text.toString();
    newKomentarData['tag'] = _jenisFasilitas;
    _setJenisDisabilitas();
    newKomentarData['disabilitas'] = _disabilitas;
    newKomentarData['rating'] = 5; //temporary
    newKomentarData['jumlah'] = _jumlahFasilitas;
    newKomentarData['image'] = '';
    if (_image != null) {
      final fileName = _image.path.split('/').last;
      newKomentarData['image'] = await MultipartFile.fromFile(
        _image.path,
        filename: fileName,
      );
    }
  }

  void _setJenisDisabilitas() {
    _disabilitas = '';
    if (_fisikClicked == true && !_disabilitas.contains('DF')) {
      _disabilitas += 'DF ';
    }
    if (_intelektualClicked == true && !_disabilitas.contains('DI')) {
      _disabilitas += 'DI ';
    }
    if (_mentalClicked == true && !_disabilitas.contains('DM')) {
      _disabilitas += 'DM ';
    }
    if (_sensorikClicked == true && !_disabilitas.contains('DS')) {
      _disabilitas += 'DS ';
    }
  }

  void successDialog(BuildContext context) {
    const alertDialog = AlertDialog(
      title: Text('Tambah informasi berhasil'),
      content: Icon(FontAwesomeIcons.checkCircle),
    );
    showDialog(
        context: context,
        builder: (BuildContext context) {
          return alertDialog;
        });
  }

  void failedDialog(BuildContext context, String message) {
    var newMessage = message;
    if (message == 'default') {
      newMessage = 'Gagal menambahkan informasi';
    }
    final alertDialog = AlertDialog(
      title: Text(newMessage),
      content: const Icon(FontAwesomeIcons.exclamationCircle),
    );
    showDialog(
        context: context,
        builder: (BuildContext context) {
          return alertDialog;
        });
  }

  Widget _showImagePreview() {
    return _image == null
        ? const SizedBox(height: 0)
        : ImagePreviewHolder(
            image: Image.file(_image),
            onPressed: () async {
              setState(() {
                _image = null;
              });
            },
          );
  }

  Future<void> _validateInformationInput() async {
    final form = _formKey.currentState;
    if (_validateCustomFields() && _formKey.currentState.validate()) {
      form.save();
      await setKomentarData();
      _showConfirmationPopUp();
    }
  }

  bool _validateCustomFields() {
    return _validateJumlahFasilitas() && _validatePilihDisabilitas();
  }

  bool _validateJumlahFasilitas() {
    if (_jumlahFasilitas >= 1) {
      setState(() {
        _isCounterValid = true;
      });
      return true;
    } else {
      setState(() {
        _isCounterValid = false;
      });
      return false;
    }
  }

  bool _validatePilihDisabilitas() {
    if (_fisikClicked ||
        _intelektualClicked ||
        _mentalClicked ||
        _sensorikClicked) {
      setState(() {
        _isDisabilitasValid = true;
      });
      return true;
    } else {
      setState(() {
        _isDisabilitasValid = false;
      });
      return false;
    }
  }

  Future<void> _resetInput() async {
    deskripsiController.clear();
    await _clearImage();
    setState(() {
      _fisikClicked = false;
      _intelektualClicked = false;
      _mentalClicked = false;
      _sensorikClicked = false;
      _jumlahFasilitas = 0;
    });
  }

  void _incrementCount() {
    setState(() {
      _jumlahFasilitas = _jumlahFasilitas + 1;
    });
  }

  void _decrementCount() {
    if (_jumlahFasilitas > 0) {
      setState(() {
        _jumlahFasilitas = _jumlahFasilitas - 1;
      });
    }
  }
}