upload_place.dart

import 'package:admin/blocs/admin_bloc.dart';
import 'package:admin/utils/dialog.dart';
import 'package:admin/utils/styles.dart';
import 'package:admin/widgets/place_preview.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';

class UploadPlace extends StatefulWidget {
  UploadPlace({Key key}) : super(key: key);

  @override
  _UploadPlaceState createState() => _UploadPlaceState();
}

class _UploadPlaceState extends State<UploadPlace> {

  final FirebaseFirestore firestore = FirebaseFirestore.instance;

  var formKey = GlobalKey<FormState>();
  var scaffoldKey = GlobalKey<ScaffoldState>();
  final String collectionName = 'places';
  List paths =[];
  final int _loves = 0;
  final int _commentsCount = 0;
  String _date;
  String _timestamp;


  var stateSelection;

  var nameCtrl = TextEditingController();
  var locationCtrl = TextEditingController();
  var descriptionCtrl = TextEditingController();
  var image1Ctrl = TextEditingController();
  var image2Ctrl = TextEditingController();
  var image3Ctrl = TextEditingController();
  var latCtrl = TextEditingController();
  var lngCtrl = TextEditingController();




  clearFields(){
    nameCtrl.clear();
    locationCtrl.clear();
    descriptionCtrl.clear();
    image1Ctrl.clear();
    image2Ctrl.clear();
    image3Ctrl.clear();
    latCtrl.clear();
    lngCtrl.clear();
    FocusScope.of(context).unfocus();
  }




  bool notifyUsers = true;
  bool uploadStarted = false;




  void handleSubmit() async {
    final AdminBloc ab = Provider.of<AdminBloc>(context, listen: false);

    if(stateSelection == null){
      openDialog(context, 'Select State First', '');
    }
    else{
      if (formKey.currentState.validate()) {
      formKey.currentState.save();
      if (ab.userType == 'tester') {
        openDialog(context, 'You are a Tester', 'Only Admin can upload, delete & modify contents');
      } else {
        setState(()=> uploadStarted = true);
        await getDate().then((_) async{
          await saveToDatabase()
          .then((value) => context.read<AdminBloc>().increaseCount('places_count'));
          setState(()=> uploadStarted = false);
          openDialog(context, 'Uploaded Successfully', '');
          clearFields();


        });
      }

    }
    }

  }







  Future getDate() async {
    DateTime now = DateTime.now();
    String _d = DateFormat('dd MMMM yy').format(now);
    String _t = DateFormat('yyyyMMddHHmmss').format(now);
    setState(() {
      _timestamp = _t;
      _date = _d;
    });

  }



  Future saveToDatabase() async {
    final DocumentReference ref = firestore.collection(collectionName).doc(_timestamp);


    var _placeData = {
      'state' : stateSelection,
      'place name' : nameCtrl.text,
      'location' : locationCtrl.text,
      'latitude' : double.parse(latCtrl.text),
      'longitude' : double.parse(lngCtrl.text),
      'description' : descriptionCtrl.text,
      'image-1' : image1Ctrl.text,
      'image-2' : image2Ctrl.text,
      'image-3' : image3Ctrl.text,
      'loves' : _loves,
      'comments count' : _commentsCount,
      'date' : _date,
      'timestamp' : _timestamp
    };

    await ref.set(_placeData);
  }






  handlePreview() async{
    if (formKey.currentState.validate()) {
      formKey.currentState.save();
      showPlacePreview(
          context,
          nameCtrl.text,
          locationCtrl.text,
          image1Ctrl.text,
          descriptionCtrl.text,
          double.parse(latCtrl.text),
          double.parse(lngCtrl.text),
        );
    }
  }



  @override
  Widget build(BuildContext context) {
    double h = MediaQuery.of(context).size.height;
    return Scaffold(
      key: scaffoldKey,
      body: Form(
            key: formKey,
            child: ListView(children: <Widget>[
              SizedBox(height: h * 0.10,),
              Text('Place Details', style: TextStyle(
                fontSize: 30, fontWeight: FontWeight.w800
              ),),
              SizedBox(height: 20,),
              statesDropdown(),
              SizedBox(height: 20,),
              TextFormField(
                decoration: inputDecoration('Enter place name', 'Place name', nameCtrl),
                controller: nameCtrl,
                validator: (value){
                  if(value.isEmpty) return 'Value is empty'; return null;
                },

              ),
              SizedBox(height: 20,),
              TextFormField(
                decoration: inputDecoration('Enter location name', 'Location name', locationCtrl),
                controller: locationCtrl,

                validator: (value){
                  if(value.isEmpty) return 'Value is empty'; return null;
                },

              ),
              SizedBox(height: 20,),


              Row(
                children: <Widget>[
                  Expanded(
                child: TextFormField(
                decoration: inputDecoration('Enter Latitude', 'Latitude', latCtrl),
                controller: latCtrl,
                keyboardType: TextInputType.number,
                validator: (value){
                    if(value.isEmpty) return 'Value is empty'; return null;
                },

              ),
            ),
              SizedBox(width: 10,),
              Expanded(
                            child: TextFormField(
                  decoration: inputDecoration('Enter Longitude', 'Longitude', lngCtrl),
                  keyboardType: TextInputType.number,

                  controller: lngCtrl,
                  validator: (value){
                    if(value.isEmpty) return 'Value is empty'; return null;
                  },

                ),
              ),

                ],
              ),
              SizedBox(height: 20,),


              TextFormField(
                decoration: inputDecoration('Enter image url (thumbnail)', 'Image1(Thumbnail)', image1Ctrl),
                controller: image1Ctrl,
                validator: (value){
                  if(value.isEmpty) return 'Value is empty'; return null;
                },

              ),
              SizedBox(height: 20,),
              TextFormField(
                decoration: inputDecoration('Enter image url', 'Image2', image2Ctrl),
                controller: image2Ctrl,
                validator: (value){
                  if(value.isEmpty) return 'Value is empty'; return null;
                },

              ),
              SizedBox(height: 20,),
              TextFormField(
                decoration: inputDecoration('Enter image url', 'Image3', image3Ctrl),
                controller: image3Ctrl,
                validator: (value){
                  if(value.isEmpty) return 'Value is empty'; return null;
                },

              ),
              SizedBox(height: 20,),
              TextFormField(
                decoration: InputDecoration(
                  hintText: 'Enter place details (Html or Normal Text)',
                  border: OutlineInputBorder(),
                  labelText: 'Place details',
                  contentPadding: EdgeInsets.only(right: 0, left: 10, top: 15, bottom: 5),
                  suffixIcon: Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: CircleAvatar(
                      radius: 15,
                      backgroundColor: Colors.grey[300],
                      child: IconButton(icon: Icon(Icons.close, size: 15), onPressed: (){
                        descriptionCtrl.clear();
                      }),
                    ),
                  )

                ),
                textAlignVertical: TextAlignVertical.top,
                minLines: 5,
                maxLines: null,
                keyboardType: TextInputType.multiline,
                controller: descriptionCtrl,
                validator: (value){
                  if(value.isEmpty) return 'Value is empty'; return null;
                },

              ),



              SizedBox(height: 100,),


                  Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: <Widget>[
                        FlatButton.icon(

                          icon: Icon(Icons.remove_red_eye, size: 25, color: Colors.blueAccent,),
                          label: Text('Preview', style: TextStyle(
                            fontWeight: FontWeight.w400,
                            color: Colors.black
                          ),),
                          onPressed: (){
                            handlePreview();
                          }
                        )
                      ],
                    ),
                SizedBox(
                  height: 10,
                ),
                Container(
                    color: Colors.deepPurpleAccent,
                    height: 45,
                    child: uploadStarted == true
                      ? Center(child: Container(height: 30, width: 30,child: CircularProgressIndicator()),)
                      : FlatButton(
                        child: Text(
                          'Upload Place Data',
                          style: TextStyle(
                              color: Colors.white,
                              fontSize: 16,
                              fontWeight: FontWeight.w600),
                        ),
                        onPressed: () async{
                          handleSubmit();

                        })

                      ),
                SizedBox(
                  height: 200,
                ),



            ],)),
      );

   }



  Widget statesDropdown() {
    final AdminBloc ab = Provider.of(context, listen: false);
    return Container(
        height: 50,
        padding: EdgeInsets.only(left: 15, right: 15),
        decoration: BoxDecoration(
            color: Colors.grey[200],
            border: Border.all(color: Colors.grey[300]),
            borderRadius: BorderRadius.circular(30)),
        child: DropdownButtonFormField(
            itemHeight: 50,
            style: TextStyle(
                fontSize: 14,
                color: Colors.grey[800],
                fontFamily: 'Poppins',
                fontWeight: FontWeight.w500),
            decoration: InputDecoration(border: InputBorder.none),
            onChanged: (value) {
              setState(() {
                stateSelection = value;
              });
            },
            onSaved: (value) {
              setState(() {
                stateSelection = value;
              });
            },
            value: stateSelection,
            hint: Text('Select State'),
            items: ab.states.map((f) {
              return DropdownMenuItem(
                child: Text(f),
                value: f,
              );
            }).toList()));
  }


}