// import 'package:carousel_slider/carousel_slider.dart';
// import 'package:cssd/config/colors.dart';
// import 'package:cssd/models/item_model.dart';
// import 'package:flutter/material.dart';
// import 'package:intl/intl.dart';
// import 'package:pinch_zoom/pinch_zoom.dart';
// import 'package:url_launcher/url_launcher.dart';
//
// class ItemDetailsDataBox extends StatelessWidget {
//   const ItemDetailsDataBox({
//     Key? key,
//     required this.datas,
//     required double deviceBlockSize,
//   })  : _deviceBlockSize = deviceBlockSize,
//         super(key: key);
//
//   final ItemDetailObject datas;
//   final double _deviceBlockSize;
//
//   @override
//   Widget build(BuildContext context) {
//     print(datas.status);
//     return Padding(
//       padding: EdgeInsets.all(20),
//       child: ListView(
//         children: <Widget>[
//           SizedBox(
//             height: 10,
//           ),
//           Text(
//             'Item Details',
//             style: TextStyle(
//               fontWeight: FontWeight.w700,
//               fontSize: 5 * _deviceBlockSize,
//               letterSpacing: 3,
//             ),
//           ),
//           SizedBox(
//             height: 10,
//           ),
//           Container(
//             padding: EdgeInsets.all(10),
//             decoration: BoxDecoration(
//               color: Color.fromRGBO(235, 235, 235, 1),
//               border: Border(
//                 left: BorderSide(
//                   color: datas.status == 'approved'
//                       ? kBlue
//                       : datas.status == 'rejected'
//                           ? kPink
//                           : Colors.grey,
//                   width: 2,
//                 ),
//               ),
//             ),
//             child: Column(
//               crossAxisAlignment: CrossAxisAlignment.start,
//               mainAxisSize: MainAxisSize.min,
//               children: <Widget>[
//                 Text(
//                   DateFormat.yMMMd().format(
//                     DateTime.parse(
//                       datas.createdAt,
//                     ),
//                   ),
//                   style: TextStyle(
//                     color: datas.status == 'approved'
//                         ? kBlue
//                         : datas.status == 'rejected'
//                             ? kPink
//                             : Colors.grey,
//                   ),
//                 ),
//                 Divider(),
//                 Text(
//                   'ID: ${datas.id}',
//                   style: TextStyle(
//                     color: datas.status == 'approved'
//                         ? kBlue
//                         : datas.status == 'rejected'
//                             ? kPink
//                             : Colors.grey,
//                     fontWeight: FontWeight.w700,
//                   ),
//                 ),
//                 SizedBox(
//                   height: 30,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Item Name',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.name.toString(),
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Size',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.size.toString(),
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Specific',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.specific.toString(),
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Owner',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.userName.toString(),
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Creator',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.userCreator.toString(),
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'UDI',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.udi.toString(),
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Date',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         DateFormat('d-M-y').format(
//                           DateTime.parse(
//                             datas.createdAt,
//                           ),
//                         ),
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Description',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.description.toString(),
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Hospital Name',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.hospital,
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 Divider(),
//                 SizedBox(
//                   height: 5,
//                 ),
//                 Row(
//                   children: <Widget>[
//                     Container(
//                       width: 35 * _deviceBlockSize,
//                       child: Text(
//                         'Status',
//                         style: TextStyle(
//                           color: Colors.grey,
//                         ),
//                       ),
//                     ),
//                     Container(
//                       width: 45 * _deviceBlockSize,
//                       child: Text(
//                         datas.status == 'approved'
//                             ? 'Approved'
//                             : datas.status == 'rejected'
//                                 ? 'Rejected'
//                                 : 'Pending..',
//                         style: TextStyle(
//                           fontWeight: FontWeight.w700,
//                           color: datas.status == 'approved'
//                               ? kBlue
//                               : datas.status == 'rejected'
//                                   ? kPink
//                                   : Colors.grey,
//                         ),
//                         overflow: TextOverflow.clip,
//                       ),
//                     ),
//                   ],
//                 ),
//                 if (datas.filePath!.isNotEmpty) Divider(),
//                 if (datas.filePath!.isNotEmpty)
//                   SizedBox(
//                     height: 10,
//                   ),
//                 if (datas.filePath!.isNotEmpty)
//                   Container(
//                     width: double.infinity,
//                     padding: EdgeInsets.symmetric(vertical: 10, horizontal: 20),
//                     child: CarouselSlider.builder(
//                       disableGesture: true,
//                       itemBuilder: (ctx, index, realIndex) {
//                         return InkWell(
//                           child: Image(
//                               image: NetworkImage(datas.filePath![index])),
//                           onTap: () {
//                             showDialog(
//                               context: context,
//                               builder: (BuildContext context) => PinchZoom(
//                                   child: Image.network(datas.filePath![index])),
//                             );
//                           },
//                         );
//                       },
//                       itemCount: datas.filePath!.length,
//                       options: CarouselOptions(
//                         enlargeCenterPage: true,
//                         aspectRatio: 16 / 8,
//                         viewportFraction: datas.filePath?.length == 1 ? 1 : 0.6,
//                         padEnds: false,
//                         pauseAutoPlayOnTouch: true,
//                         disableCenter: false,
//                         autoPlay: false,
//                         enlargeFactor: 0.5,
//                         enableInfiniteScroll:
//                             datas.filePath?.length == 1 ? false : true,
//                       ),
//                     ),
//                   ),
//               ],
//             ),
//           ),
//           SizedBox(
//             height: 20,
//           ),
//           InkWell(
//             onTap: () async => await launch(
//               'https://cssd-doc.com/Show/Item/${datas.id.toString()}',
//             ),
//             child: Container(
//               padding: EdgeInsets.symmetric(vertical: 20),
//               width: double.infinity,
//               decoration: BoxDecoration(
//                 color: Color.fromRGBO(230, 230, 230, 1),
//                 borderRadius: BorderRadius.circular(25),
//               ),
//               child: Center(
//                 child: Text(
//                   'Show More Details',
//                   style: TextStyle(fontWeight: FontWeight.w700),
//                 ),
//               ),
//             ),
//           ),
//           SizedBox(
//             height: 30,
//           ),
//         ],
//       ),
//     );
//   }
// }