SearchClub.dart

class joinClub extends StatefulWidget {
  joinClub({ObjectKey key, this.player, this.themeConsole, this.themeBackground}) : super(key: key);


  Color themeConsole;
  Color themeBackground;

  Player player;

  @override
  _JoinClubState createState() {
    return _JoinClubState(
      searchClub: "",
    );
  }
}

class _JoinClubState extends State<joinClub> {

  Player player;
  String searchClub="";

  // FIREBASE INVITATION USER SEND
  List<Player> items2 = List();
  Player item2;
  DatabaseReference itemRef2;


  // FIREBASE INVITATION CLUB SEND
  List<Club> items3 = List();
  Club item3;
  DatabaseReference itemRef3;

  // FIREBASE CLUBS
  List<Club> itemsJoin = List();
  Club itemJoin;
  DatabaseReference itemRefJoin;

  /////////ELEGIR COMUNIDAD/////////////
  final _comunidad = TextEditingController();
  List<String> _comunidades = new List<String>();
  String _imgComunidad = null;
  List<String> _imgComunidades = new List<String>();

  var sub1, sub2, sub3, sub4, sub5, sub6, sub7;

  @override
  void initState() {
    _comunidades.addAll([
      Country.ITEM_ARGENTINA,
      Country.ITEM_AUSTRALIA,
      Country.ITEM_AUSTRIA,
      Country.ITEM_BELGIUM,
      Country.ITEM_BRAZIL,
      Country.ITEM_CAMEROON,
      Country.ITEM_CHILE,
      Country.ITEM_COLOMBIA,
      Country.ITEM_COSTA_RICA,
      Country.ITEM_CROATIA,
      Country.ITEM_CUBA,
      Country.ITEM_DENMARK,
      Country.ITEM_ECUADOR,
      Country.ITEM_ENGLISH,
      Country.ITEM_FRANCE,
      Country.ITEM_GERMANY,
      Country.ITEM_HONDURAS,
      Country.ITEM_INDIA,
      Country.ITEM_ITALIAN,
      Country.ITEM_JAMAICA,
      Country.ITEM_MEXICO,
      Country.ITEM_MOROCCO,
      Country.ITEM_NETHERLANDS,
      Country.ITEM_NORWAY,
      Country.ITEM_PERU,
      Country.ITEM_POLAND,
      Country.ITEM_PORTUGAL,
      Country.ITEM_PUERTO_RICO,
      Country.ITEM_SOUTH_AFRICA,
      Country.ITEM_SPAIN,
      Country.ITEM_SWEDEN,
      Country.ITEM_SWITZERLAND,
      Country.ITEM_TURKEY,
      Country.ITEM_UKRAINE,
      Country.ITEM_UNITED_STATES,
      Country.ITEM_URUGUAY,
      Country.ITEM_VENEZUELA,
    ]);
    _comunidad.text = widget.player.country;

    _imgComunidades.addAll([
      "images/idiomas/argentina.png",
      "images/idiomas/australia.png",
      "images/idiomas/austria.png",
      "images/idiomas/belgium.png",
      "images/idiomas/brazil.png",
      "images/idiomas/cameroon.png",
      "images/idiomas/chile.png",
      "images/idiomas/colombia.png",
      "images/idiomas/costa_rica.png",
      "images/idiomas/croatia.png",
      "images/idiomas/cuba.png",
      "images/idiomas/denmark.png",
      "images/idiomas/ecuador.png",
      "images/idiomas/england.png",
      "images/idiomas/france.png",
      "images/idiomas/germany.png",
      "images/idiomas/honduras.png",
      "images/idiomas/india.png",
      "images/idiomas/italy.png",
      "images/idiomas/jamaica.png",
      "images/idiomas/mexico.png",
      "images/idiomas/morocco.png",
      "images/idiomas/netherlands.png",
      "images/idiomas/norway.png",
      "images/idiomas/peru.png",
      "images/idiomas/poland.png",
      "images/idiomas/portugal.png",
      "images/idiomas/puerto_rico.png",
      "images/idiomas/south_africa.png",
      "images/idiomas/spain.png",
      "images/idiomas/sweden.png",
      "images/idiomas/switzerland.png",
      "images/idiomas/turkey.png",
      "images/idiomas/ukraine.png",
      "images/idiomas/united_states.png",
      "images/idiomas/uruguay.png",
      "images/idiomas/venezuela.png",
    ]);
    int obtenerImagen = _imgComunidades.indexOf('images/idiomas/${widget.player.country.toLowerCase().replaceAll(" ", "_")}.png');
    _imgComunidad = _imgComunidades.elementAt(obtenerImagen);

    // CLUBS
    itemJoin = Club('', 0, '', '', '', '', '', '', '', '', '', '', '', '', '', '', false, 0, 0);
    final FirebaseDatabase database = FirebaseDatabase.instance;
    itemRefJoin = database.reference().child(widget.player.platform).child("CLUB");
    sub1 = itemRefJoin.onChildAdded.listen(_onEntryAdded);
    sub2 = itemRefJoin.onChildRemoved.listen(_onEntryRemoved);
    sub3 = itemRefJoin.onChildChanged.listen(_onEntryChanged);

    // INVITATIONS USERS SEND
    item2 = new Player('', '', '', '', '', '', '', '', '', 0, false, 0, 0, '', '', '', '', '', '', '', 0, 0, 0, 0, 0, false, '', '', false, false);
    final FirebaseDatabase database2 = FirebaseDatabase.instance;
    itemRef2 = database2.reference().child(widget.player.platform).child("USERS").child(widget.player.user.toUpperCase()).child("INVITATION");
    sub4 = itemRef2.onChildAdded.listen(_onEntryAdded_INVITATION);
    sub5 = itemRef2.onChildChanged.listen(_onEntryChanged_INVITATION);

    super.initState();
  }

  @override
  void dispose() {
    sub1?.cancel();
    sub2?.cancel();
    sub3?.cancel();
    sub4?.cancel();
    sub5?.cancel();
    sub6?.cancel();
    sub7?.cancel();
    super.dispose();
  }

  @override // EN CASO DE QUE ALGÜN CAMBIO EN LA APP NO SALTE ERRORES
  void didChangeDependencies() {
    if(sub1 == null) {

    }
    if(sub2 == null) {

    }
    if(sub3 == null) {

    }
    if(sub4 == null) {

    }
    if(sub5 == null) {

    }
    if(sub6 == null) {

    }
    if(sub7 == null) {

    }
    super.didChangeDependencies();
  }



  // INVITATIONS USER SEND
  _onEntryAdded_INVITATION(Event event) {
    setState(() {
      items2.add(Player.fromSnapshot(event.snapshot));
    });
  }
  _onEntryChanged_INVITATION(Event event) {
    var old = items2.singleWhere((entry) {
      return entry.key == event.snapshot.key;
    });
    setState(() {
      items2[items2.indexOf(old)] = Player.fromSnapshot(event.snapshot);
    });
  }



  // CLUBS
  _onEntryAdded(Event event) {
    setState(() {
      itemsJoin.add(Club.fromSnapshot(event.snapshot));
    });
  }
  _onEntryRemoved(Event event) {
    setState(() {
      print(event.snapshot.value);
      itemsJoin.removeAt(event.snapshot.value['club_id']);
    });
  }
  _onEntryChanged(Event event) {
    var old = itemsJoin.singleWhere((entry) {
      return entry.key == event.snapshot.key;
    });
    setState(() {
      itemsJoin[itemsJoin.indexOf(old)] = Club.fromSnapshot(event.snapshot);
    });
  }


  // App Search Bar
  SearchBar searchBar;
  final myController = TextEditingController();

  AppBar buildAppBar(BuildContext context) {
    return new AppBar(
        title: new Text('Join Club'),
        centerTitle: true,
        backgroundColor: widget.themeBackground,
        actions: [searchBar.getSearchAction(context)]
    );
  }

  _JoinClubState({this.searchClub, this.player}) {
    searchBar = new SearchBar(
        inBar: false,
        onChanged: onSubmitted,
        setState: setState,
        onSubmitted: onSubmitted,
        controller: myController,
        closeOnSubmit: true,
        hintText: "Escriba su club",
        clearOnSubmit: false,
        colorBackButton: true,
        showClearButton: true,
        buildDefaultAppBar: buildAppBar
    );
  }


  int listIndext = 2;
  void onSubmitted(String value) {
    setState(() {
      if(value.isNotEmpty) {
        searchClub = value;
      }
    });
  }

  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  String key;



  // ELEGIR COMUNIDAD MOSTRAR LISTA
  Widget _buildBottomPicker() {
    final FixedExtentScrollController scrollController = new FixedExtentScrollController();
    return new Container(
      height: MediaQuery.of(context).size.height/3.5,
      color: CupertinoColors.white,
      child: new DefaultTextStyle(
        style: const TextStyle(
          color: CupertinoColors.black,
          fontSize: 22.0,
        ),
        child: new SafeArea(
          child: new CupertinoPicker(
            scrollController: scrollController,
            itemExtent: MediaQuery.of(context).size.height/15,
            magnification: 0.7,
            diameterRatio: 0.5,
            backgroundColor: CupertinoColors.white,
            onSelectedItemChanged: (int index) {
              setState(() {
                _comunidad.text = _comunidades[index];
                _imgComunidad = _imgComunidades[index];
              });
            },
            children: new List<Widget>.generate(_comunidades.length, (int index) {
              return new Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  new Text(_comunidades[index]),
                ],
              );
            }),
          ),
        ),
      ),
    );
  }

  searchClubs(TextEditingController countryChanged) {
    var widgetFireUpdate;
    setState(() {
        if(countryChanged.text == 'SPAIN') {
          widgetFireUpdate = new FirebaseAnimatedList(
            query: FirebaseDatabase.instance.reference().child(widget.player.platform).child("CLUB").orderByChild('country').equalTo(countryChanged.text),
            sort: (a, b) => a.value['createdDate'].compareTo(b.value['createdDate']),
            reverse: true,
            shrinkWrap: true,
            defaultChild: new CircularProgressIndicator(),
            itemBuilder: (BuildContext context, DataSnapshot snapshot,
                Animation<double> animation, int index) {
              return new StreamBuilder<Event>(
                stream: itemRef2.orderByKey().onValue,
                builder: (context, AsyncSnapshot<Event> snapshot2){
                  if(snapshot2.hasData) {
                    try {
                      return new Container(
                        decoration: new BoxDecoration(
                          color: Colors.grey[300],
                        ),
                        child: new ListTile(
                            leading: snapshot.value['logoURL'].toString().indexOf('images/assets/logo_notfound.png') == -1 ? new CachedNetworkImage(imageUrl: snapshot.value['logoURL'], width: MediaQuery.of(context).size.width/8) : new Image.asset(snapshot.value['logoURL'], width: MediaQuery.of(context).size.width/8),
                            title: new Text(snapshot.value['name'].toUpperCase(), style: new TextStyle(color: Colors.black, fontWeight: FontWeight.bold, fontSize: MediaQuery.of(context).size.width/30)),
                            subtitle: new RichText(
                              text: new TextSpan(
                                  children: <TextSpan>[
                                    new TextSpan(text: "CAPITÁN:", style: new TextStyle(color: Colors.black, fontSize: MediaQuery.of(context).size.width/35, fontWeight: FontWeight.bold)),
                                    new TextSpan(text: " ${snapshot.value['captain'].toUpperCase()}", style: new TextStyle(color: Colors.black, fontSize: MediaQuery.of(context).size.width/35)),
                                  ]
                              ),
                            ),
                        ),
                      );

                    }catch(e) {
                      return new Container();
                    }
                  } else if(snapshot2.hasError){
                    return new Container();
                  } else {
                    return new Container(
                      child: new Center(
                        child: new CircularProgressIndicator(
                          backgroundColor: Colors.red,
                        ),
                      ),
                    );
                  }
                },
              );
            },
          );
        } else if(countryChanged.text == 'BRAZIL') {
          widgetFireUpdate = new FirebaseAnimatedList(
            query: FirebaseDatabase.instance.reference().child(widget.player.platform).child("CLUB").orderByChild('country').equalTo(countryChanged.text),
            sort: (a, b) => a.value['createdDate'].compareTo(b.value['createdDate']),
            reverse: true,
            shrinkWrap: true,
            defaultChild: new CircularProgressIndicator(),
            itemBuilder: (BuildContext context, DataSnapshot snapshot,
                Animation<double> animation, int index) {
              return new StreamBuilder<Event>(
                stream: itemRef2.orderByKey().onValue,
                builder: (context, AsyncSnapshot<Event> snapshot2){
                  if(snapshot2.hasData) {
                    try {
                      return new Container(
                        decoration: new BoxDecoration(
                          color: Colors.grey[300],
                        ),
                        child: new ListTile(
                          leading: snapshot.value['logoURL'].toString().indexOf('images/assets/logo_notfound.png') == -1 ? new CachedNetworkImage(imageUrl: snapshot.value['logoURL'], width: MediaQuery.of(context).size.width/8) : new Image.asset(snapshot.value['logoURL'], width: MediaQuery.of(context).size.width/8),
                          title: new Text(snapshot.value['name'].toUpperCase(), style: new TextStyle(color: Colors.black, fontWeight: FontWeight.bold, fontSize: MediaQuery.of(context).size.width/30)),
                          subtitle: new RichText(
                            text: new TextSpan(
                                children: <TextSpan>[
                                  new TextSpan(text: "CAPITÁN:", style: new TextStyle(color: Colors.black, fontSize: MediaQuery.of(context).size.width/35, fontWeight: FontWeight.bold)),
                                  new TextSpan(text: " ${snapshot.value['captain'].toUpperCase()}", style: new TextStyle(color: Colors.black, fontSize: MediaQuery.of(context).size.width/35)),
                                ]
                            ),
                          ),
                        ),
                      );

                    }catch(e) {
                      return new Container();
                    }
                  } else if(snapshot2.hasError){
                    return new Container();
                  } else {
                    return new Container(
                      child: new Center(
                        child: new CircularProgressIndicator(
                          backgroundColor: Colors.red,
                        ),
                      ),
                    );
                  }
                },
              );
            },
          );
        }
    });
    return widgetFireUpdate;
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      key: _scaffoldKey,
      appBar: searchBar.build(context),
      body: new Container(
        color: widget.themeConsole,
        child: new Column(
          children: <Widget>[
            new Card(
              elevation: 0.0,
              color: Colors.grey[50],
              child: new Container(
                child: new Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    new Container(
                      width: MediaQuery.of(context).size.width/1.35,
                      child: new TextFormField(
                        controller: _comunidad,
                        style: new TextStyle(color: Colors.white),
                        enabled: false,
                        decoration: new InputDecoration(
                          labelText: 'Community:',
                          labelStyle: new TextStyle(color: Colors.white),
                          icon: new Image.asset(_imgComunidad, width: 24.0),
                          filled: true,
                          fillColor: Colors.grey[800],
                        ),
                        validator: (String value){
                          player.country = value;
                        },
                      ),
                    ),
                    new IconButton(
                      icon: new Icon(Icons.flag, color: Colors.grey[800], size: 30.0,),
                      color: Colors.black,
                      onPressed: ()async {
                        await showModalBottomSheet<void>(
                          context: context,
                          builder: (BuildContext context) {
                            return _buildBottomPicker();
                          },
                        );
                      },
                    ),
                  ],
                ),
              ),
            ),
            new Flexible(child: searchClubs(_comunidad))
          ],
        )
      ),
    );
  }
}