// import 'package:absenkuv3/Bloc/Shift/ShiftTemanDetailBloc.dart';
// import 'package:absenkuv3/Repository/Model/mShift.dart';
// import 'package:absenkuv3/Setting/value_image.dart';
// import 'package:absenkuv3/UI/Template/style.dart';
// import 'package:flutter/material.dart';
// import 'package:flutter_bloc/flutter_bloc.dart';
// import 'KomponenShift.dart';
//
// class DetailListShiftTeman extends StatefulWidget {
//   final DataShift? dataShift;
//   DetailListShiftTeman(this.dataShift);
//   @override
//   _DetailListShiftTemanState createState() => _DetailListShiftTemanState();
// }
//
// class _DetailListShiftTemanState extends State<DetailListShiftTeman> {
//   final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();
//   ScrollController _scrollController = new ScrollController();
//
//   @override
//   void initState() {
//     super.initState();
//     // print(widget.dataShift!.tanggal);
//     BlocProvider.of<ShiftTemanDetailBloc>(context).add(
//         GetListShiftTemanDetailEvent(context, null,
//             widget.dataShift!.idMasterShift, widget.dataShift!.tanggalRaw));
//     _scrollController.addListener(() =>
//         BlocProvider.of<ShiftTemanDetailBloc>(context)
//             .add(LoadMoreEvent(context, scaffoldKey, _scrollController)));
//   }
//
//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       backgroundColor: CustomStyle.backgroundDashboardColor,
//       appBar: AppBar(
//         centerTitle: true,
//         flexibleSpace: Image(
//           image: AssetImage(ValueImage.headerBiruDashboard),
//           fit: BoxFit.cover,
//         ),
//         backgroundColor: Colors.transparent,
//         title: Text(
//           'Detail Shift',
//           style: TextStyle(fontSize: CustomStyle.fontSizeTitle),
//         ),
//       ),
//       key: scaffoldKey,
//       body: BlocBuilder<ShiftTemanDetailBloc, ShiftTemanDetailState>(
//           builder: (BuildContext context, ShiftTemanDetailState state) {
//         if (state is GetListShiftTemanDetailSuccessState ||
//             state is LoadMoreProgressState)
//           return Stack(
//             children: <Widget>[
//               Column(
//                 children: [
//                   Container(
//                     color: Colors.white,
//                     padding: EdgeInsets.fromLTRB(14, 28, 14, 28),
//                     child: Column(
//                       children: [
//                         Row(
//                           children: [
//                             Icon(
//                               Icons.calendar_today_rounded,
//                               color: Colors.grey[400],
//                               size: 34,
//                             ),
//                             SizedBox(
//                               width: 8,
//                             ),
//                             Expanded(
//                               child: Column(
//                                 crossAxisAlignment: CrossAxisAlignment.start,
//                                 children: [
//                                   Text(
//                                     "Hari",
//                                     style: TextStyle(
//                                         fontSize: CustomStyle.fontSizeSmall,
//                                         color: CustomStyle.fontColorGrey),
//                                   ),
//                                   SizedBox(
//                                     height: 2,
//                                   ),
//                                   Text(
//                                     widget.dataShift!.tanggal!,
//                                     style: TextStyle(
//                                         fontSize: CustomStyle.fontSizeSmall,
//                                         fontWeight: FontWeight.w700,
//                                         color: CustomStyle.fontColorBlack),
//                                   )
//                                 ],
//                               ),
//                             ),
//                             SizedBox(
//                               width: 4,
//                             ),
//                             Icon(
//                               Icons.watch_later_outlined,
//                               color: Colors.grey[400],
//                               size: 35,
//                             ),
//                             SizedBox(
//                               width: 4,
//                             ),
//                             Column(
//                               crossAxisAlignment: CrossAxisAlignment.start,
//                               children: [
//                                 Text(
//                                   widget.dataShift!.namaShift!,
//                                   style: TextStyle(
//                                       fontSize: CustomStyle.fontSizeSmall,
//                                       color: CustomStyle.fontColorGrey),
//                                 ),
//                                 SizedBox(
//                                   height: 2,
//                                 ),
//                                 Text(
//                                   "${widget.dataShift!.jamMasuk} - ${widget.dataShift!.jamPulang}",
//                                   style: TextStyle(
//                                       fontSize: CustomStyle.fontSizeSmall,
//                                       fontWeight: FontWeight.w700,
//                                       color: CustomStyle.fontColorBlack),
//                                 )
//                               ],
//                             ),
//                           ],
//                         ),
//                       ],
//                     ),
//                   ),
//                   Expanded(
//                     child: ListView.builder(
//                         physics: AlwaysScrollableScrollPhysics(),
//                         controller: _scrollController,
//                         itemCount: state.data!.length,
//                         itemBuilder: (BuildContext context, index) {
//                           return CardShiftDetail(
//                               state.data![index], scaffoldKey, 'shiftTeman');
//                         }),
//                   ),
//                 ],
//               ),
//               state is LoadMoreProgressState
//                   ? Positioned(
//                       bottom: 16,
//                       child: Container(
//                           width: MediaQuery.of(context).size.width,
//                           child: Center(
//                               child: CircularProgressIndicator(
//                             strokeWidth: 8,
//                           ))))
//                   : Container(),
//             ],
//           );
//         else if (state is ShiftTemanDetailProgressState)
//           return Center(
//             child: CircularProgressIndicator(
//               strokeWidth: 8,
//             ),
//           );
//         else
//           return Center(
//             child: Image.asset(
//               ValueImage.noData,
//               height: 250,
//             ),
//           );
//       }),
//     );
//   }
// }
