import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:stayon/modules/offer/offers_bloc.dart';
import 'package:stayon/modules/offer/widgets/offers_available.dart';
import 'package:stayon/modules/offer/widgets/vouchers_accepted.dart';
import 'package:stayon/shared/models/skin_partner_model.dart';
import 'package:stayon/shared/models/voucher_model.dart';

class OffersPage extends StatefulWidget {
  @override
  _OffersPageState createState() => _OffersPageState();
}

class _OffersPageState extends State<OffersPage> {
  final SkinPartnerModel skinModel = SkinPartnerModel();

  final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey(debugLabel: "Offer");

  List<VoucherModel> vouchers = List();

  OffersBloc bloc;

  @override
  void didChangeDependencies() {
    bloc = Provider.of<OffersBloc>(context);
    bloc.syncOffers();
    bloc.syncVouchers();
    super.didChangeDependencies();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: scaffoldKey,
      body: DefaultTabController(
        length: 2,
        child: Scaffold(
          appBar: AppBar(
            bottom: TabBar(
              indicatorColor:
                  Color(int.parse(skinModel.skinInfo.color.bgVoucher[1])),
              tabs: <Widget>[
                Padding(
                  padding: EdgeInsets.fromLTRB(0, 0, 0, 10),
                  child: Text('Disponíveis',
                      style:
                          TextStyle(fontSize: 18, fontWeight: FontWeight.w300)),
                ),
                Padding(
                  padding: EdgeInsets.fromLTRB(0, 0, 0, 10),
                  child: Text('Aceitas',
                      style:
                          TextStyle(fontSize: 18, fontWeight: FontWeight.w300)),
                ),
              ],
            ),
            title: Row(children: <Widget>[
              Icon(Icons.local_offer),
              Padding(
                  padding: EdgeInsets.fromLTRB(10, 0, 0, 0),
                  child: Text('Ofertas'))
            ]),
            backgroundColor:
                Color(int.parse(skinModel.skinInfo.color.bgVoucher[2])),
          ),
          body: TabBarView(
            children: <Widget>[
              Consumer<OffersBloc>(
                builder: (context, bloc, widget) => widget,
                child: OffersAvailableWidget(
                                bloc.offers.reversed.toList()),
              ),
              Consumer<OffersBloc>(
                builder: (context, bloc, widget) => widget,
                child: VouchersAcceptedeWidget(
                                bloc.vouchers.reversed.toList()),
              ),
            ],
          ),
        ),
      ),
    );
  }
}