import 'dart:async';

import 'package:esms_project/dbhandler.dart';
import 'package:esms_project/screens/equipmentDetail.dart';
import 'package:esms_project/widgets/widget_button.dart';
import 'package:esms_project/widgets/widget_input.dart';
import 'package:flutter/material.dart';

import '../electronic.dart';

class ListRepairs extends StatefulWidget {
  @override
  _ListRepairsState createState() => _ListRepairsState();
}

class _ListRepairsState extends State<ListRepairs> {
  final dbHandler dbh = dbHandler.instance;
  Future<bool> loaded;

  List<Map<String, dynamic>> repList;
  Future<bool> _loadvars() async {
    dbh.queryOrdered("v_repair", "ASC", "name").then((value) {
      repList = value;
      setState(() {
        return true && repList != null;
      });
    });
    return false;
  }
  @override
  void setState(fn) {
    if (mounted) {
      super.setState(fn);
    }
  }

  @override
  void initState() {
    super.initState();
    loaded = _loadvars();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          title: Text("Exemplares de Consertos"),
        actions: [
            IconButton(onPressed: (){
              showSearch(context: context, delegate: CustomSearch(type: 0, loadList: repList));
            }, icon: Icon(Icons.search))
        ],
      ),
      body: _body(),
    );
  }

  _body() {
    return Container(
      child: FutureBuilder<bool>(
        future: loaded,
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting)
            return Center(
              child: CircularProgressIndicator(),
            );
          else if (repList != null && repList.length != 0) {
            return ListView.separated(
                padding: const EdgeInsets.all(8),
                itemCount: repList.length,
                itemBuilder: (BuildContext context, int index) {
                  return Container(
                      padding: const EdgeInsets.only(left: 10),
                      height: 90,
                      color: Colors.black12,
                      child: InkWell(
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: [
                            Row(
                              children: [
                                RichText(
                                    overflow: TextOverflow.ellipsis,
                                    strutStyle: StrutStyle(fontSize: 18.0),
                                    text: TextSpan(
                                        style: TextStyle(
                                            color: Colors.black,
                                            fontSize: 18.0),
                                        text: "Aparelho: " +
                                            '${repList[index]['name']}')),
                              ],
                            ),
                            Row(
                              children: [
                                RichText(
                                    overflow: TextOverflow.ellipsis,
                                    strutStyle: StrutStyle(fontSize: 18.0),
                                    text: TextSpan(
                                        style: TextStyle(
                                            color: Colors.black,
                                            fontSize: 18.0),
                                        text: "Reparo: " +
                                            '${repList[index]['repair']}'))
                              ],
                            )
                          ],
                        ),
                        onTap: () => onPressWithArg(
                            repList[index]['repair'],repList[index]['id'],repList[index]['repair_id']),
                      ));
                },
                separatorBuilder: (BuildContext context, int index) =>
                    const Divider());
          } else {
            return Container(
                child: Center(
                    child: Column(
              children: [
                Expanded(
                  flex: 2,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      RichText(
                        strutStyle: StrutStyle(
                            fontSize: 32.0,
                            fontWeight: FontWeight.w400,
                            fontStyle: FontStyle.italic),
                        text: TextSpan(
                            style: TextStyle(
                                fontSize: 32.0,
                                fontWeight: FontWeight.w400,
                                fontStyle: FontStyle.italic,
                                color: Colors.black26),
                            text: "Nenhum reparo cadastrado."),
                      ),
                      RichText(
                        strutStyle: StrutStyle(
                            fontSize: 16.0,
                            fontWeight: FontWeight.w400,
                            fontStyle: FontStyle.italic),
                        text: TextSpan(
                            style: TextStyle(
                                fontSize: 16.0,
                                fontWeight: FontWeight.w400,
                                fontStyle: FontStyle.italic,
                                color: Colors.black26),
                            text: "\nTente recarregar a tela."),
                      ),
                      Botoes(
                        "Recarregar",
                        onPressed: () => _update(context),
                      )
                    ],
                  ),
                )
              ],
            )));
          }
        },
      ),
    );
  }

  _update(BuildContext context) {
    setState(() {
      Navigator.of(context).popUntil((route) => route.isFirst);
      Navigator.of(context).push(new MaterialPageRoute(builder: (context)=> ListRepairs()));
    });
  }

  onPressWithArg(String rep, int id, int repid) {
    setState(() {
      _modalInput(rep, id, repid);
    });
  }

  _modalInput(String repair, int eq, int rep) {
    return showDialog(
        context: context,
        builder: (_) => SimpleDialog(
              contentPadding: EdgeInsets.all(20),
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text("Detalhes do Reparo"),
                    IconButton(
                        iconSize: 20,
                        onPressed: () {
                          Navigator.of(context, rootNavigator: true)
                              .pop('dialog');
                        },
                        icon: Icon(Icons.close))
                  ],
                ),
                Divider(color: Colors.black38),
                RichText(
                    strutStyle: StrutStyle(fontSize: 16.0),
                    text: TextSpan(
                        style: TextStyle(color: Colors.black, fontSize: 20.0, fontWeight: FontWeight.w300),
                        text:repair)),
                Divider(color: Colors.transparent),
                Botoes(
                  "Ver Aparelho",
                  onPressed: () {
                    Navigator.of(context)
                        .push(new MaterialPageRoute(builder: (context) => EquipmentDetail(eq)))
                        .whenComplete(_loadvars);
                  },
                ),
                Botoes(
                  "Remover Reparo",
                  onPressed: () {
                      _confirmDelete(rep);
                  },
                )
              ],
            )
    );
  }
  _confirmDelete(int id)
  {
    return showDialog(
        context: context,
        builder: (_) => SimpleDialog(
        contentPadding: EdgeInsets.all(20),
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text("Deseja remover o reparo?"),
              IconButton(
                  iconSize: 20,
                  onPressed: () {
                    Navigator.of(context, rootNavigator: true)
                        .pop('dialog');
                  },
                  icon: Icon(Icons.close))
            ],
          ),
          Divider(color: Colors.black38),
          Row(mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
            Botoes("Sim", onPressed: (){
              Repair r = new Repair(0,"temp");
              r.RemoveDB(id);
              setState(() {
                _update(context);
              });
            },), Botoes("Não", onPressed: (){
                Navigator.of(context, rootNavigator: true)
                    .pop('dialog');
              })
          ],)
        ]
        )
    );
  }
}