// import 'package:flutter/cupertino.dart';
// import 'package:flutter/material.dart';

// class SpaceWidget extends StatelessWidget {
//   final double width;
//   final double height;

//   SpaceWidget({this.width = 0.0, this.height = 0.0});

//   @override
//   Widget build(BuildContext context) {
//     return SizedBox(
//       width: width,
//       height: height,
//     );
//   }
// }

// class SyllabusPage extends StatefulWidget {
//   @override
//   State<StatefulWidget> createState() => PageState();
// }

// class PageState extends State<SyllabusPage> {
//   var colorList = [
//     Colors.red,
//     Colors.lightBlueAccent,
//     Colors.grey,
//     Colors.cyan,
//     Colors.amber,
//     Colors.deepPurpleAccent,
//     Colors.purpleAccent
//   ];
//   var infoList = ["高等数学-周某某教授@综合楼201", "大学英语-王某某讲师@行政楼501"];
//   var weekList = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'];

//   var dateList = [];
//   var currentWeekIndex = 0;

//   @override
//   void initState() {
//     super.initState();

//     var monday = 1;
//     var mondayTime = DateTime.now();

//     //获取本周星期一是几号
//     while (mondayTime.weekday != monday) {
//       mondayTime = mondayTime.subtract(new Duration(days: 1));
//     }

//     mondayTime.year; //2020 年
//     mondayTime.month; //6(这里和js中的月份有区别，js中是从0开始，dart则从1开始，我们无需再进行加一处理) 月
//     mondayTime.day; //6 日
//     // nowTime.hour ;//6 时
//     // nowTime.minute ;//6 分
//     // nowTime.second ;//6 秒
//     for (int i = 0; i < 7; i++) {
//       dateList.add(
//           mondayTime.month.toString() + "/" + (mondayTime.day + i).toString());
//       if ((mondayTime.day + i) == DateTime.now().day) {
//         setState(() {
//           currentWeekIndex = i + 1;
//         });
//       }
//     }
//     // print('Recent monday '+DateTime.now().day.toString());
//   }

//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       body: Column(
//         mainAxisAlignment: MainAxisAlignment.start,
//         children: [
//           SizedBox(
//             child: GridView.builder(
//                 shrinkWrap: true,
//                 physics: NeverScrollableScrollPhysics(),
//                 itemCount: 8,
//                 gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//                     crossAxisCount: 8, childAspectRatio: 1 / 1),
//                 itemBuilder: (BuildContext context, int index) {
//                   return Container(
//                     color: index == this.currentWeekIndex
//                         ? Color(0xf7f7f7)
//                         : Colors.white,
//                     child: Center(
//                       child: index == 0
//                           ? Column(
//                               mainAxisAlignment: MainAxisAlignment.center,
//                               children: [
//                                 Text("星期",
//                                     style: TextStyle(
//                                         fontSize: 14, color: Colors.black87)),
//                                 SpaceWidget(height: 5),
//                                 Text("日期", style: TextStyle(fontSize: 12)),
//                               ],
//                             )
//                           : Column(
//                               mainAxisAlignment: MainAxisAlignment.center,
//                               children: [
//                                 Text(weekList[index - 1],
//                                     style: TextStyle(
//                                         fontSize: 14,
//                                         color: index == currentWeekIndex
//                                             ? Colors.lightBlue
//                                             : Colors.black87)),
//                                 SpaceWidget(height: 5),
//                                 Text(dateList[index - 1],
//                                     style: TextStyle(
//                                         fontSize: 12,
//                                         color: index == currentWeekIndex
//                                             ? Colors.lightBlue
//                                             : Colors.black87)),
//                               ],
//                             ),
//                     ),
//                   );
//                 }),
//           ),
//           Expanded(
//             child: SingleChildScrollView(
//               child: Row(
//                 children: [
//                   Expanded(
//                     flex: 1,
//                     child: GridView.builder(
//                         shrinkWrap: true,
//                         // physics:ClampingScrollPhysics(),
//                         itemCount: 10,
//                         gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//                             crossAxisCount: 1, childAspectRatio: 1 / 2),
//                         itemBuilder: (BuildContext context, int index) {
//                           return Container(
//                               // width: 25,
//                               // height:s 80,
//                               child: Center(
//                                 child: Text(
//                                   (index + 1).toInt().toString(),
//                                   style: TextStyle(fontSize: 15),
//                                 ),
//                               ),
//                               decoration: BoxDecoration(
//                                 color: Color(0xff5ff5),
//                                 // border: Border.all(color: Colors.black12, width: 0.5),
//                                 border: Border(
//                                   bottom: BorderSide(
//                                       color: Colors.black12, width: 0.5),
//                                   right: BorderSide(
//                                       color: Colors.black12, width: 0.5),
//                                 ),
//                               ));
//                         }),
//                   ),
//                   Expanded(
//                     flex: 7,
//                     child: GridView.builder(
//                         shrinkWrap: true,
//                         physics: NeverScrollableScrollPhysics(),
//                         itemCount: 35,
//                         gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//                             crossAxisCount: 7, childAspectRatio: 1 / 4),
//                         itemBuilder: (BuildContext context, int index) {
//                           return Container(
//                             child: Stack(
//                               children: [
//                                 Column(
//                                   mainAxisAlignment:
//                                       MainAxisAlignment.spaceBetween,
//                                   children: [
//                                     Flexible(
//                                       flex: 1,
//                                       child: Container(
//                                           width: double.infinity,
//                                           height: double.infinity,
//                                           decoration: BoxDecoration(
//                                             color: Colors.white,
//                                             // border: Border.all(color: Colors.black12, width: 0.5),
//                                             border: Border(
//                                               bottom: BorderSide(
//                                                   color: Colors.black12,
//                                                   width: 0.5),
//                                               right: BorderSide(
//                                                   color: Colors.black12,
//                                                   width: 0.5),
//                                             ),
//                                           )),
//                                     ),
//                                     Flexible(
//                                       flex: 1,
//                                       child: Container(
//                                           width: double.infinity,
//                                           height: double.infinity,
//                                           decoration: BoxDecoration(
//                                             color: Colors.white,
//                                             // border: Border.all(color: Colors.black12, width: 0.5),
//                                             border: Border(
//                                               bottom: BorderSide(
//                                                   color: Colors.black12,
//                                                   width: 0.5),
//                                               right: BorderSide(
//                                                   color: Colors.black12,
//                                                   width: 0.5),
//                                             ),
//                                           )),
//                                     ),
//                                   ],
//                                 ),
//                                 if (index % 5 == 0 || index % 5 == 1)
//                                   Container(
//                                     margin: EdgeInsets.all(0.5),
//                                     decoration: BoxDecoration(
//                                       borderRadius: BorderRadius.circular(2),
//                                       color: colorList[index % 7],
//                                     ),
//                                     child: Center(
//                                       child: Text(
//                                         infoList[index % 2],
//                                         textAlign: TextAlign.center,
//                                         style: TextStyle(
//                                             color: Colors.white,
//                                             fontSize: 11,
//                                             letterSpacing: 1),
//                                       ),
//                                     ),
//                                   )
//                               ],
//                             ),
//                           );
//                         }),
//                   )
//                 ],
//               ),
//             ),
//           ),
//           _bottomView
//         ],
//       ),
//     );
//   }

//   @override
//   String pageTitle() => "我的课表";

//   Widget _topView = SizedBox(
//     height: 30,
//     child: Expanded(
//       child: ListView.builder(
//           scrollDirection: Axis.horizontal,
//           itemCount: 7,
//           itemBuilder: (BuildContext context, int index) {
//             return Text("dd");
//           }),
//     ),
//   );
//   Widget _centerView = Expanded(
//     child: GridView.builder(
//         itemCount: 63,
//         gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//           crossAxisCount: 7,
//         ),
//         itemBuilder: (BuildContext context, int index) {
//           return Container(
//               // width: 25,
//               // height: 80,
//               child: Center(
//                 child: Text(
//                   (index + 1).toString(),
//                   style: TextStyle(fontSize: 15),
//                 ),
//               ),
//               decoration: BoxDecoration(
//                 color: Color(0xff5ff5),
//                 border: Border.all(color: Colors.black12, width: 0.5),
//               ));
//         }),
//   );

//   Widget _bottomView = SizedBox(
//     height: 30,
//     child: Row(
//       children: [
//         //底部view可自行扩充
//       ],
//     ),
//   );
// }

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class SpaceWidget extends StatelessWidget {
  final double width;
  final double height;

  SpaceWidget({this.width = 0.0, this.height = 0.0});

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: width,
      height: height,
    );
  }
}

class SyllabusPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => PageState();
}

class PageState extends State<SyllabusPage> {
  var colorList = [
    Colors.red,
    Colors.lightBlueAccent,
    Colors.grey,
    Colors.cyan,
    Colors.amber,
    Colors.deepPurpleAccent,
    Colors.purpleAccent
  ];
  var infoList = ["高等数学-周某某教授@综合楼201", "大学英语-王某某讲师@行政楼501"];
  var weekList = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'];

  var dateList = [];
  var currentWeekIndex = 0;

  @override
  void initState() {
    super.initState();

    var monday = 1;
    var mondayTime = DateTime.now();

    //获取本周星期一是几号
    while (mondayTime.weekday != monday) {
      mondayTime = mondayTime.subtract(new Duration(days: 1));
    }

    mondayTime.year; //2020 年
    mondayTime.month; //6(这里和js中的月份有区别，js中是从0开始，dart则从1开始，我们无需再进行加一处理) 月
    mondayTime.day; //6 日
    // nowTime.hour ;//6 时
    // nowTime.minute ;//6 分
    // nowTime.second ;//6 秒
    for (int i = 0; i < 7; i++) {
      dateList.add(
          mondayTime.month.toString() + "/" + (mondayTime.day + i).toString());
      if ((mondayTime.day + i) == DateTime.now().day) {
        setState(() {
          currentWeekIndex = i + 1;
        });
      }
    }
    // print('Recent monday '+DateTime.now().day.toString());
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        children: [
          SizedBox(
            child: GridView.builder(
                shrinkWrap: true,
                physics: NeverScrollableScrollPhysics(),
                itemCount: 8,
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                    crossAxisCount: 8, childAspectRatio: 1 / 1),
                itemBuilder: (BuildContext context, int index) {
                  return Container(
                    color: index == this.currentWeekIndex
                        ? Color(0xf7f7f7)
                        : Colors.white,
                    child: Center(
                      child: index == 0
                          ? Column(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: [
                                Text("星期",
                                    style: TextStyle(
                                        fontSize: 14, color: Colors.black87)),
                                SpaceWidget(height: 5),
                                Text("日期", style: TextStyle(fontSize: 12)),
                              ],
                            )
                          : Column(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: [
                                Text(weekList[index - 1],
                                    style: TextStyle(
                                        fontSize: 14,
                                        color: index == currentWeekIndex
                                            ? Colors.lightBlue
                                            : Colors.black87)),
                                SpaceWidget(height: 5),
                                Text(dateList[index - 1],
                                    style: TextStyle(
                                        fontSize: 12,
                                        color: index == currentWeekIndex
                                            ? Colors.lightBlue
                                            : Colors.black87)),
                              ],
                            ),
                    ),
                  );
                }),
          ),
          Expanded(
            child: SingleChildScrollView(
              child: Row(
                children: [
                  Expanded(
                    flex: 1,
                    child: GridView.builder(
                        shrinkWrap: true,
                        // physics:ClampingScrollPhysics(),
                        itemCount: 10,
                        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                            crossAxisCount: 1, childAspectRatio: 1 / 2),
                        itemBuilder: (BuildContext context, int index) {
                          return Container(
                              // width: 25,
                              // height:s 80,
                              child: Center(
                                child: Text(
                                  (index + 1).toInt().toString(),
                                  style: TextStyle(fontSize: 15),
                                ),
                              ),
                              decoration: BoxDecoration(
                                color: Color(0xff5ff5),
                                // border: Border.all(color: Colors.black12, width: 0.5),
                                border: Border(
                                  bottom: BorderSide(
                                      color: Colors.black12, width: 0.5),
                                  right: BorderSide(
                                      color: Colors.black12, width: 0.5),
                                ),
                              ));
                        }),
                  ),
                  Expanded(
                    flex: 7,
                    child: GridView.builder(
                        shrinkWrap: true,
                        physics: NeverScrollableScrollPhysics(),
                        itemCount: 35,
                        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                            crossAxisCount: 7, childAspectRatio: 1 / 4),
                        itemBuilder: (BuildContext context, int index) {
                          return GestureDetector(
                            // onTap: () {
                            //   // 在这里定义点击事件的处理逻辑
                            //   print('点击了课程');
                            // },
                            // onTap: () {
                            //   // 导航到EditCoursePage页面
                            //   Navigator.push(
                            //     context,
                            //     MaterialPageRoute(
                            //         builder: (context) => EditCoursePage(
                            //               onSave: (String) {},
                            //             )),
                            //   );
                            // },
                            onTap: () {
                              Navigator.push(
                                context,
                                MaterialPageRoute(
                                  builder: (context) => EditCoursePage(
                                    onSave: (courseInfo) {
                                      // 在这里更新课程信息
                                      setState(() {
                                        // 找到被点击的课程，并更新其信息
                                        infoList[index % 2] = courseInfo;
                                      });
                                    },
                                  ),
                                ),
                              );
                            },

                            child: Container(
                              child: Stack(
                                children: [
                                  Column(
                                    mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                    children: [
                                      Flexible(
                                        flex: 1,
                                        child: Container(
                                            width: double.infinity,
                                            height: double.infinity,
                                            decoration: BoxDecoration(
                                              color: Colors.white,
                                              border: Border(
                                                bottom: BorderSide(
                                                    color: Colors.black12,
                                                    width: 0.5),
                                                right: BorderSide(
                                                    color: Colors.black12,
                                                    width: 0.5),
                                              ),
                                            )),
                                      ),
                                      Flexible(
                                        flex: 1,
                                        child: Container(
                                            width: double.infinity,
                                            height: double.infinity,
                                            decoration: BoxDecoration(
                                              color: Colors.white,
                                              border: Border(
                                                bottom: BorderSide(
                                                    color: Colors.black12,
                                                    width: 0.5),
                                                right: BorderSide(
                                                    color: Colors.black12,
                                                    width: 0.5),
                                              ),
                                            )),
                                      ),
                                    ],
                                  ),
                                  if (index % 5 == 0 || index % 5 == 1)
                                    Container(
                                      margin: EdgeInsets.all(0.5),
                                      decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(2),
                                        color: colorList[index % 7],
                                      ),
                                      child: Center(
                                        child: Text(
                                          infoList[index % 2],
                                          textAlign: TextAlign.center,
                                          style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 11,
                                              letterSpacing: 1),
                                        ),
                                      ),
                                    )
                                ],
                              ),
                            ),
                          );
                        }),
                  )
                ],
              ),
            ),
          ),
          _bottomView
        ],
      ),
    );
  }

  @override
  String pageTitle() => "我的课表";

  Widget _topView = SizedBox(
    height: 30,
    child: Expanded(
      child: ListView.builder(
          scrollDirection: Axis.horizontal,
          itemCount: 7,
          itemBuilder: (BuildContext context, int index) {
            return Text("dd");
          }),
    ),
  );
  Widget _centerView = Expanded(
    child: GridView.builder(
        itemCount: 63,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 7,
        ),
        itemBuilder: (BuildContext context, int index) {
          return Container(
              // width: 25,
              // height: 80,
              child: Center(
                child: Text(
                  (index + 1).toString(),
                  style: TextStyle(fontSize: 15),
                ),
              ),
              decoration: BoxDecoration(
                color: Color(0xff5ff5),
                border: Border.all(color: Colors.black12, width: 0.5),
              ));
        }),
  );

  Widget _bottomView = SizedBox(
    height: 30,
    child: Row(
      children: [
        //底部view可自行扩充
      ],
    ),
  );
}

// class EditCoursePage extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       appBar: AppBar(
//         title: Text('编辑课程'),
//       ),
//       body: Center(
//         child: Text('在这里编辑课程信息'),
//       ),
//     );
//   }
// }

class EditCoursePage extends StatefulWidget {
  final Function(String) onSave;

  EditCoursePage({required this.onSave});

  @override
  _EditCoursePageState createState() => _EditCoursePageState();
}

class _EditCoursePageState extends State<EditCoursePage> {
  final _formKey = GlobalKey<FormState>();
  final _courseController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('编辑课程'),
      ),
      body: Form(
        key: _formKey,
        child: Column(
          children: <Widget>[
            TextFormField(
              controller: _courseController,
              decoration: InputDecoration(labelText: '课程信息'),
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return '请输入课程信息';
                }
                return null;
              },
            ),
            ElevatedButton(
              onPressed: () {
                if (_formKey.currentState!.validate()) {
                  widget.onSave(_courseController.text);
                  Navigator.pop(context);
                }
              },
              child: Text('保存'),
            ),
          ],
        ),
      ),
    );
  }
}