// import 'dart:convert';
// import 'package:flutter/material.dart';
// import 'package:flutter/services.dart';
// import 'package:road24_mobile/model/models/ReportModel.dart';
// import 'package:road24_mobile/model/utils/Config.dart';
// import 'package:road24_mobile/model/utils/styles/AppColors.dart';
// import 'package:road24_mobile/model/utils/styles/AppStyles.dart';
// import 'package:road24_mobile/view/built/i18n.dart';
// import 'package:road24_mobile/view/widgets/expansion_tile_modified.dart';
// import 'package:road24_mobile/view/widgets/page_loading.dart';
// import 'package:sizer/sizer.dart';

// class DetailsChooseList extends StatefulWidget {
//   final int index;
//   static var jsonResponse;

//   const DetailsChooseList({Key? key, required this.index}) : super(key: key);

//   @override
//   _DetailsChooseListState createState() => _DetailsChooseListState();
// }

// class _DetailsChooseListState extends State<DetailsChooseList> {
//   ValueNotifier<bool> loaded = ValueNotifier(false);
//   ValueNotifier<Key?> _expanded = ValueNotifier(null);
//   late String langBuffer;

//   @override
//   void initState() {
//     super.initState();
//     loadFromJson();
//     if (DetailsChooseList.jsonResponse != null) {
//       loaded.value = true;
//     }
//     print("*****");
//     print(Config.language);
//     if (Config.language != 'oz') {
//       langBuffer = Config.language;
//     } else {
//       langBuffer = 'cy';
//     }
//   }

//   void loadFromJson() async {
//     if (DetailsChooseList.jsonResponse == null) {
//       String jsonString = await rootBundle.loadString("assets/details.json");
//       DetailsChooseList.jsonResponse = jsonDecode(jsonString);
//       loaded.value = true;
//     }
//   }

//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       appBar: AppBar(
//         toolbarHeight: 90.0,
//         leading: Material(
//           type: MaterialType.transparency,
//           child: InkWell(
//             onTap: () => Navigator.pop(context),
//             child: Container(
//               margin: EdgeInsets.all(10.0),
//               decoration: BoxDecoration(
//                 color: Color(0xffDFDFDF),
//                 shape: BoxShape.circle,
//               ),
//               child: Center(
//                 child: Icon(
//                   Icons.arrow_back_ios_rounded,
//                   size: 20.0,
//                   color: Colors.black,
//                 ),
//               ),
//             ),
//           ),
//         ),
//         bottom: PreferredSize(
//           preferredSize: Size.fromHeight(30.0),
//           child: Container(
//             width: 90.0.w,
//             child: Text(
//               "${S.of(context).description_violation}",
//               style: AppStyle.textStyle().copyWith(
//                   color: Color(0xff282828),
//                   fontWeight: FontWeight.w700,
//                   fontSize: 24.0),
//               textAlign: TextAlign.left,
//             ),
//           ),
//         ),
//       ),
//       body: ValueListenableBuilder(
//         valueListenable: loaded,
//         builder: (context, bool loaded, child) => (loaded)
//             ? SingleChildScrollView(
//                 child: Container(
//                   margin: EdgeInsets.symmetric(vertical: 20.0),
//                   child: Column(
//                     children: List.generate(
//                       (DetailsChooseList.jsonResponse as List).length,
//                       (index) => Container(
//                         decoration: BoxDecoration(
//                           color: Colors.redAccent.withOpacity(0.05 +
//                               DetailsChooseList.jsonResponse[index]['penalty'] /
//                                   60),
//                           borderRadius: BorderRadius.all(
//                             Radius.circular(12.0),
//                           ),
//                         ),
//                         margin: EdgeInsets.symmetric(
//                             vertical: 10.0, horizontal: 15.0),
//                         child: CustomExpansionTile(
//                           key: Key(index.toString()),
//                           title: GestureDetector(
//                             onTap: () {
//                               ReportModel.list[widget.index].value.title =
//                                   DetailsChooseList.jsonResponse[index]
//                                           ['title_$langBuffer']
//                                       .toString();
//                               ReportModel.list[widget.index].value
//                                       .reportDescription =
//                                   DetailsChooseList.jsonResponse[index]
//                                       ['description_$langBuffer'];
//                               ReportModel.list[widget.index].value.law =
//                                   DetailsChooseList.jsonResponse[index]['law'];
//                               ReportModel.list[widget.index].value.penalty =
//                                   DetailsChooseList.jsonResponse[index]
//                                       ['penalty'];
//                               ReportModel.changedModel(
//                                   ReportModel.list[widget.index]);
//                               Navigator.pop(context);
//                             },
//                             child: Container(
//                               height: 50.0,
//                               child: Row(
//                                 children: [
//                                   Expanded(
//                                     flex: 1,
//                                     child: Column(
//                                       mainAxisAlignment:
//                                           MainAxisAlignment.center,
//                                       children: [
//                                         Expanded(
//                                           child: Text(
//                                             DetailsChooseList
//                                                 .jsonResponse[index]['law'],
//                                             style:
//                                                 AppStyle.textStyle().copyWith(
//                                               fontSize: 17.0,
//                                               fontWeight: FontWeight.normal,
//                                               color: Color(0xff0492AC),
//                                             ),
//                                           ),
//                                         ),
//                                         Expanded(
//                                           child: Text(
//                                             DetailsChooseList
//                                                     .jsonResponse[index]
//                                                         ['penalty']
//                                                     .toString() +
//                                                 ' EKIH',
//                                             style: AppStyle.textStyle()
//                                                 .copyWith(
//                                                     color: Colors.black,
//                                                     fontSize: 12.0,
//                                                     fontWeight:
//                                                         FontWeight.w600),
//                                           ),
//                                         ),
//                                       ],
//                                     ),
//                                   ),
//                                   SizedBox(width: 3.0),
//                                   SizedBox(
//                                     width: 0.5,
//                                     height: 30.0,
//                                     child: Container(
//                                       color: AppColors.selectedColor
//                                           .withOpacity(0.5),
//                                     ),
//                                   ),
//                                   SizedBox(width: 3.0),
//                                   Expanded(
//                                     flex: 4,
//                                     child: Padding(
//                                       padding:
//                                           EdgeInsets.symmetric(horizontal: 3.0),
//                                       child: Text(
//                                           DetailsChooseList.jsonResponse[index]
//                                               ['title_$langBuffer'],
//                                           maxLines: 2,
//                                           style: AppStyle.textStyle().copyWith(
//                                               color: Colors.black,
//                                               fontSize: 17.0)),
//                                     ),
//                                   ),
//                                 ],
//                               ),
//                             ),
//                           ),
//                           withDetail: true,
//                           expandedItem: _expanded,
//                           detailIndex: widget.index,
//                           children: [
//                             GestureDetector(
//                               onTap: () {
//                                 ReportModel.list[widget.index].value.title =
//                                     DetailsChooseList.jsonResponse[index]
//                                             ['title_$langBuffer']
//                                         .toString();
//                                 ReportModel.list[widget.index].value
//                                         .reportDescription =
//                                     DetailsChooseList.jsonResponse[index]
//                                         ['description_$langBuffer'];
//                                 ReportModel.list[widget.index].value.law =
//                                     DetailsChooseList.jsonResponse[index]
//                                         ['law'];
//                                 ReportModel.list[widget.index].value.penalty =
//                                     DetailsChooseList.jsonResponse[index]
//                                         ['penalty'];
//                                 ReportModel.changedModel(
//                                     ReportModel.list[widget.index]);
//                                 Navigator.pop(context);
//                               },
//                               child: Padding(
//                                 padding: EdgeInsets.symmetric(
//                                     horizontal: 15.0, vertical: 6.0),
//                                 child: Align(
//                                   alignment: Alignment.centerLeft,
//                                   child: Text(
//                                     DetailsChooseList.jsonResponse[index]
//                                         ['description_$langBuffer'],
//                                     style: AppStyle.textStyle().copyWith(
//                                         color: Colors.black, fontSize: 17.0),
//                                   ),
//                                 ),
//                               ),
//                             ),
//                           ],
//                         ),
//                       ),
//                     ),
//                   ),
//                 ),
//               )
//             : Center(child: PageLoading()),
//       ),
//     );
//   }
// }
