cssd/lib/widgets/ItemScreens/Details/item_detail_box.dart

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,
          ),
        ],
      ),
    );
  }
}