pencarian.dart

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:ppl_disabilitas/bloc/LokasiResponseBloc.dart';
import 'package:ppl_disabilitas/component/ImageHolder.dart';
import 'package:ppl_disabilitas/config/styles.dart';
import 'package:ppl_disabilitas/model/lokasi.dart';
import 'package:ppl_disabilitas/network/data/network_model.dart';
import 'package:ppl_disabilitas/page/filter_fasilitas/fasilitas.dart';

/// Create Pencarian page widget with a state
class Pencarian extends StatefulWidget {
  @override
  PencarianState createState() => PencarianState();
}

/// State of Pencacrian page
class PencarianState extends State<Pencarian> {
  /// Controller for textFormField
  TextEditingController myController = TextEditingController();

  /// Search Icon for textFormField
  Icon searchIcon = Icon(Icons.search);

  /// Text for appbar
  Widget appBarText = Text('Pencarian Lokasi');

  /// List of places currently searched on the textFormField
  List<Lokasi> currentSearch = [];

  /// List for places from API
  List<Lokasi> places = [];

  /// BLoC for pencarian
  LokasiResponseBloc _bloc = LokasiResponseBloc();

  @override
  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
    super.debugFillProperties(properties);
    properties
      ..add(DiagnosticsProperty<List>('places', places))
      ..add(DiagnosticsProperty<List>('currentSearch', currentSearch));
  }

  @override
  void initState() {
    myController.addListener(() {
      List<Lokasi> tempList = [];
      for (int i = 0; i < places.length; i++) {
        if (myController.text.isNotEmpty) {
          if (places[i]
              .name
              .toLowerCase()
              .contains(myController.text.toLowerCase())) {
            tempList.add(places[i]);
          }
        }
      }
      setState(() {
        // print(places);
        // print(places[0].nama);
        currentSearch = tempList;
      });
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: greenPrimary,
        leading: IconButton(
            icon: Icon(Icons.arrow_back_ios, size: 25),
            key: Key('Back Icon Key'),
            onPressed: () => Navigator.pop(context, 'Take me back')),
        title: Container(
          margin: EdgeInsets.only(top: doubleSpace, bottom: doubleSpace),
          decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: doubleBorderRadius,
              boxShadow: regularShadow),
          child: TextFormField(
            controller: myController,
            key: Key('Text Field Mau Kemana'),
            decoration: InputDecoration(
                contentPadding: EdgeInsets.all(0),
                isDense: false,
                prefixIcon: Icon(
                  Icons.search,
                  color: greenPrimary,
                  size: 25,
                ),
                border: InputBorder.none,
                fillColor: Colors.white,
                labelText: 'Kamu mau kemana?',
                labelStyle: TextStyle(
                    color: greenPrimary,
                    fontSize: 18,
                    fontFamily: 'Muli',
                    fontWeight: FontWeight.w700),
                suffixIcon: IconButton(
                  icon: Icon(
                    Icons.mic,
                    color: greenPrimary,
                    size: 25,
                  ),
                  onPressed: () {},
                )),
          ),
        ),
      ),
      body: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          StreamBuilder<NetworkModel<LokasiListResponse>>(
            stream: _bloc.recentSearchStream,
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                switch (snapshot.data.status) {
                  case Status.LOADING:
                    return Center(
                      child: CircularProgressIndicator(
                        valueColor: AlwaysStoppedAnimation<Color>(greenPrimary),
                      ),
                    );
                    break;
                  case Status.COMPLETED:
                    final recentSearch = snapshot.data.data;
                    Widget displayWidget;
                    if (recentSearch.listLokasi.isEmpty) {
                      displayWidget = Center(
                          child: Text("Anda belum pernah melakukan pencarian"));
                    } else {
                      displayWidget = makeLokasiWidget(
                          "history", recentSearch.listLokasi.take(3).toList());
                    }
                    return Expanded(
                        child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Container(
                            margin: EdgeInsets.all(doubleSpace),
                            child: Text(
                              "Pencarian terdahulu",
                              style:
                                  TextStyle(fontFamily: 'Muli', fontSize: 15),
                            )),
                        Flexible(child: displayWidget),
                      ],
                    ));
                    break;
                  case Status.ERROR:
                    return Center(
                      child: Text("${snapshot.data.status}"),
                    );
                    break;
                }
              }
              return Container();
            },
          ),
          Container(
            margin: EdgeInsets.only(
                left: doubleSpace, top: regularSpace, bottom: smallSpace),
            child: Text("Hasil Pencarian"),
          ),
          StreamBuilder<NetworkModel<LokasiListResponse>>(
            stream: _bloc.lokasiListStream,
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                switch (snapshot.data.status) {
                  case Status.LOADING:
                    return Center(
                      child: CircularProgressIndicator(
                        valueColor: AlwaysStoppedAnimation<Color>(greenPrimary),
                      ),
                    );
                    break;
                  case Status.COMPLETED:
                    places = snapshot.data.data.listLokasi;
                    return Expanded(
                        flex: 2,
                        child: currentSearch.isEmpty
                            ? Center(child: Text('Cari lokasi'))
                            : makeLokasiWidget("api", currentSearch));
                    break;
                  case Status.ERROR:
                    return Center(
                      child: Text(snapshot.data.data.toString()),
                    );
                    break;
                }
              }
              return Container();
            },
          ),
        ],
      ),
    );
  }

  Widget makeLokasiWidget(String key, List<Lokasi> places) {
    return ListView.builder(
        shrinkWrap: true,
        itemCount: places.length,
        itemBuilder: (context, index) {
          return InkWell(
            key: Key("$key-${places[index].name}"),
            onTap: () {
              _bloc.saveRecentSearch(places[index]);
                Navigator.of(context).push(MaterialPageRoute(
                  builder: (BuildContext context) => Fasilitas(
                        alamat: places[index].alamat,
                        nama: places[index].name,
                        telpon: places[index].no_telp,
                        url: places[index].image,
                        id: places[index].id,
                      ))).then((value) => _bloc.fetchRecentSearch());
            },
            child: Container(
              decoration: BoxDecoration(
                  color: Colors.transparent,
                  border: Border(bottom: BorderSide(color: Colors.grey[400]))),
              margin: EdgeInsets.only(left: doubleSpace, right: doubleSpace),
              height: 90,
              child: Row(
                mainAxisSize: MainAxisSize.max,
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Expanded(
                    child: Row(
                      children: <Widget>[
                        CircleAvatar(
                          backgroundColor: greenPrimary,
                          child: ImageHolder(url: places[index].image,),
                        ),
                        Expanded(
                          child: Container(
                            padding: EdgeInsets.all(doubleSpace),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: <Widget>[
                                Text(
                                  places[index].name,
                                  style: TextStyle(
                                    fontSize: 18,
                                    fontWeight: FontWeight.w800,
                                    color: Colors.black,
                                    fontFamily: 'Muli',
                                  ),
                                  overflow: TextOverflow.ellipsis,
                                ),
                                Text(
                                  places[index].alamat,
                                  style: TextStyle(
                                    fontSize: 15,
                                    color: Colors.black,
                                    fontFamily: 'Muli',
                                  ),
                                  overflow: TextOverflow.ellipsis,
                                ),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                  Icon(
                    Icons.arrow_forward_ios,
                    color: Colors.grey[400],
                    size: 20,
                  )
                ],
              ),
            ),
          );
        });
  }
}