import 'package:flutter/material.dart';
import '../widgets/DataTableMySqlDemo/Oficina.dart';
import '../widgets/DataTableMySqlDemo/Services.dart';
import 'dart:async';

class VerOficinas extends StatefulWidget{
  VerOficinas() : super();
  final String title = 'Oficinas';
  @override
  State<StatefulWidget> viewOficinas() {
    //no se que hago, quizas no lo necesite
    return null;
  }
  _VerOficinasState createState() => _VerOficinasState();
}

class _VerOficinasState extends State<VerOficinas>{
  List<Oficina> _oficinas;
  List<Oficina> _filterOficinas;
  GlobalKey<ScaffoldState> _scaffoldKey;
  TextEditingController _nameController;//
  Oficina _selectOficina;
  bool _isUpdateing;

  @override
  void initState() {
    super.initState();
    _oficinas = [];
    // _filterOficinas = [];
    _isUpdateing = false;
    _scaffoldKey = GlobalKey();
    _nameController = TextEditingController();
    _getOficinas();
  }

  _getOficinas() {

    return _oficinas;
  }


  @override
  Widget build(BuildContext context){
    Services.getOficinas().then((Oficinas) {
      setState(() {
        _oficinas = Oficinas;
        //print(_oficinas);
        //print("Length ${Oficinas.length}");
      });

    });
    List<Oficina> lista =  _oficinas;
    return Scaffold(
      key: _scaffoldKey,
      appBar: AppBar(
        title: Text('Oficinas'),
        centerTitle: true,
        backgroundColor: Colors.purple,

      ),
      body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: lista.map((Oficina data) {
              return FlatButton(
                minWidth: 300.0,
                height: 100.0,
                child: Text(data.name,
                style: TextStyle(fontSize: 36),
                ),
                onPressed: () {
                  print(data.name);
                },
                padding: new EdgeInsets.all(0.0),
                color: Colors.purple,

              );
            }).toList(),
          ),
          // child: FlatButton(
          //   onPressed: (){
          //     _getOficinas();
          //   },
          //   child: Text('Ver Oficinas'),
          //   color: Colors.purple,
          // )
      ),

    );
  }
}