import 'package:flutter/material.dart';
import 'package:manager_app/Components/message_notification.dart';
import 'package:manager_app/Components/rounded_button.dart';
import 'package:manager_app/Components/string_input_container.dart';
import 'package:manager_app/Models/managerContext.dart';
import 'package:manager_app/app_context.dart';
import 'package:manager_app/constants.dart';
import 'package:managerapi/api.dart';

void showNewConfiguration(AppContext appContext, BuildContext context) {
  ConfigurationDTO configurationDTO = new ConfigurationDTO();
  showDialog(
      builder: (BuildContext context) => AlertDialog(
        shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(20.0))
        ),
        content: SingleChildScrollView(
          child: Column(
            children: [
              Text("Nouvelle configuration", style: new TextStyle(fontSize: 25, fontWeight: FontWeight.w400)),
              Column(
                children: [
                  StringContainer(
                    label: "Nom :",
                    initialValue: configurationDTO.label,
                    onChanged: (value) {
                      configurationDTO.label = value;
                    },
                  ),
                ],
              ),
            ],
          ),
        ),
        actions: <Widget>[
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: [
              Align(
                alignment: AlignmentDirectional.bottomEnd,
                child: Container(
                  width: 175,
                  height: 70,
                  child: RoundedButton(
                    text: "Annuler",
                    icon: Icons.undo,
                    color: kSecond,
                    press: () {
                      Navigator.of(context).pop();
                    },
                    fontSize: 20,
                  ),
                ),
              ),
              Align(
                alignment: AlignmentDirectional.bottomEnd,
                child: Container(
                  width: 150,
                  height: 70,
                  child: RoundedButton(
                    text: "Créer",
                    icon: Icons.check,
                    color: kPrimaryColor,
                    textColor: kWhite,
                    press: () {
                      create(configurationDTO, appContext, context);
                    },
                    fontSize: 20,
                  ),
                ),
              ),
            ],
          ),
        ],
      ), context: context
  );
}

void create(ConfigurationDTO configurationDTO, AppContext appContext, context) async {
  if (configurationDTO.label != null) {
    Navigator.of(context).pop();

    ConfigurationDTO newConfiguration = await appContext.getContext().clientAPI.configurationApi.configurationCreate(configurationDTO);
    ManagerAppContext managerAppContext = appContext.getContext();
    managerAppContext.selectedConfiguration = null;
    appContext.setContext(managerAppContext);

    showNotification(Colors.green, kWhite, 'La configuration a été créée avec succès', context);
  }
}