import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import '../main.dart';
import '../model.dart';
import '../settings.dart';
import 'contactsview.dart';
import 'messageview.dart';

class DoubleColumnView extends StatefulWidget {
  @override
  _DoubleColumnViewState createState() => _DoubleColumnViewState();
}

class _DoubleColumnViewState extends State<DoubleColumnView> {
  @override
  Widget build(BuildContext context) {
    var flwtch = Provider.of<AppState>(context);
    var cols = Provider.of<Settings>(context).uiColumns(true);
    return Flex(
      direction: Axis.horizontal,
      children: <Widget>[
        Flexible(
          flex: cols[0],
          child: ContactsView(
            key: widget.key,
          ),
        ),
        Flexible(
          flex: cols[1],
          child: flwtch.selectedConversation == null
              ? Container(
                  color: Provider.of<Settings>(context).theme.backgroundMainColor,
                  child: Card(
                      margin: EdgeInsets.all(0.0),
                      shape: new RoundedRectangleBorder(side: new BorderSide(color: Provider.of<Settings>(context).theme.defaultButtonColor, width: 4.0), borderRadius: BorderRadius.circular(4.0)),
                      child: Center(child: Text(AppLocalizations.of(context)!.addContactFirst))))
              : //dev
              MultiProvider(providers: [
                  ChangeNotifierProvider.value(value: Provider.of<ProfileInfoState>(context)),
                  ChangeNotifierProvider.value(
                      value: flwtch.selectedConversation != null ? Provider.of<ProfileInfoState>(context).contactList.getContact(flwtch.selectedConversation!)! : ContactInfoState("", -1, "")),
                ], child: Container(key: Key(flwtch.selectedConversation!.toString()), child: MessageView())),
        ),
      ],
    );
  }
}