import 'package:fcs/helpers/theme.dart';
import 'package:fcs/localization/app_translations.dart';
import 'package:fcs/pages/box/model/box_model.dart';
import 'package:fcs/pages/widgets/local_popup_menu_button.dart';
import 'package:fcs/pages/widgets/local_popupmenu.dart';
import 'package:fcs/pages/widgets/local_text.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import 'delivery_list_row.dart';

class DeliverList extends StatefulWidget {
  @override
  _DeliverListState createState() => _DeliverListState();
}

class _DeliverListState extends State<DeliverList> {
  bool _isLoading = false;
  bool _showDelivered = false;

  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    var boxModel = Provider.of<BoxModel>(context);
    final popupMenu = LocalPopupMenuButton(
      popmenus: [
        LocalPopupMenu(id: 1, textKey: "delivery.popupmenu.active", selected: true),
        LocalPopupMenu(id: 2, textKey: "delivery.popupmenu.delivered")
      ],
      popupMenuCallback: (p) => this.setState(() {
        _showDelivered = p.id == 2;
      }),
    );
    return LocalProgress(
      inAsyncCall: _isLoading,
      child: DefaultTabController(
        length: 2,
        child: Scaffold(
          appBar: AppBar(
            centerTitle: true,
            leading: new IconButton(
              icon: new Icon(CupertinoIcons.back),
              onPressed: () => Navigator.of(context).pop(),
            ),
            backgroundColor: primaryColor,
            title: LocalText(context, "delivery",
                color: Colors.white, fontSize: 20),
            actions: <Widget>[
              IconButton(
                icon: Icon(
                  Icons.search,
                  color: Colors.white,
                ),
                iconSize: 30,
                // onPressed: () => showPlacesSearch(context),
              ),
              popupMenu
            ],
          ),
          body: new ListView.separated(
              separatorBuilder: (context, index) => Divider(
                    color: Colors.black,
                  ),
              scrollDirection: Axis.vertical,
              padding: EdgeInsets.only(top: 15),
              shrinkWrap: true,
              itemCount: boxModel.boxes.length,
              itemBuilder: (BuildContext context, int index) {
                return DeliveryListRow(box: boxModel.boxes[index]);
              }),
        ),
      ),
    );
  }
}