import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';
import 'package:fluttericon/font_awesome5_icons.dart';
import 'package:intl/intl.dart';

class AddPizzaEventPage extends StatefulWidget {
  @override
  AddPizzaEventPageState createState() => AddPizzaEventPageState();
}

class AddPizzaEventPageState extends State<AddPizzaEventPage> {
  final DateFormat dateFormatter = DateFormat("yyyy-MM-dd hh:mm");

  String name = "";
  String pizzaType = "Neapolitan";
  int pizzaCount = 1;
  int doughBallSize = 250;
  DateTime eventTime = DateTime.now();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Add Pizza Event"),
      ),
      body: Container(
        padding: EdgeInsets.fromLTRB(40, 10, 40, 10),
        child: Column(
          children: <Widget>[
            Row(
              children: <Widget>[
                Icon(Icons.title),
                Container(width: 25),
                Expanded(
                    child: TextField(
                    decoration: InputDecoration(
                        hintText: "Event Name"
                    ),
                    onChanged: (String newName) {
                      setState(() {
                        name = newName;
                      });
                    },
                  ),
                )
              ]
            ),
            Row(
              children: <Widget>[
                Icon(FontAwesome5.pizza_slice),
                Container(width: 25),
                Expanded(
                    child: DropdownButton<String>(
                      value: pizzaType,
                      onChanged: (String? newType) {
                        setState(() => pizzaType = newType!);
                      },
                      items: <String>["Neapolitan", "New York", "Chicago"]
                          .map<DropdownMenuItem<String>>((String v) {
                        return DropdownMenuItem(
                            value: v,
                            child: Text(v)
                        );
                      }).toList()
                  ),
                )
              ]
            ),
            Row(
              children: <Widget>[
                Icon(FontAwesome5.hashtag),
                Expanded(
                  child: Slider(
                    value: pizzaCount.toDouble(),
                    min: 1,
                    max: 20,
                    divisions: 19,
                    label: this.pizzaCount.toString(),
                    onChanged: (double newPizzaCount) {
                      setState(() {this.pizzaCount = newPizzaCount.round();});
                    },
                  )
                ),
                Container(
                  width: 25,
                  child: Text(this.pizzaCount.toString())
                )
              ]
            ),

            Row(
              children: <Widget>[
                Icon(FontAwesome5.weight_hanging),
                Expanded(
                  child: Slider(
                    value: doughBallSize.toDouble(),
                    min: 100,
                    max: 400,
                    divisions: 30,
                    label: this.doughBallSize.toString(),
                    onChanged: (double newDoughBallSize) {
                      setState(() {this.doughBallSize = newDoughBallSize.round();});
                    },
                  )
                ),
                Container(
                  width: 25,
                  child: Text(this.doughBallSize.toString())
                )
              ]
            ),
            Row(
                children: <Widget>[
                  Icon(FontAwesome5.calendar_alt),
                  Expanded(
                    child: InkWell(
                      child: Center(
                        child: Text(dateFormatter.format(this.eventTime)),
                      ),
                      onTap: () {
                        DatePicker.showDateTimePicker(context,
                          showTitleActions: true,
                          minTime: DateTime.now(),
                          currentTime: this.eventTime.difference(DateTime.now()).isNegative ? DateTime.now() : this.eventTime,
                          maxTime: DateTime.now().add(Duration(days: 365*10)),
                          onConfirm: (newEventTime) {
                            setState((){ this.eventTime = newEventTime; });
                          }
                        );
                      }
                    )
                  )
                ]
            ),
            Spacer(),
            SizedBox(
              width: double.infinity,
              height: 70,
              child: Container(
                color: Colors.blue,
                child: TextButton(
                  child: Text("Add", style: TextStyle(color: Colors.white)),
                  onPressed: () {
                    print("Pressed");
                  },
                )
              )
            )
          ]
        )
      )
    );
  }
}