cloudsolutions-atoms/lib/views/pages/user/requests/service_request_details.dart

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/localization/localization.dart';
import 'package:test_sa/controllers/providers/api/service_requests_provider.dart';
import 'package:test_sa/controllers/providers/api/user_provider.dart';
import 'package:test_sa/controllers/providers/settings/setting_provider.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/string_extensions.dart';
import 'package:test_sa/extensions/text_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/models/enums/translation_keys.dart';
import 'package:test_sa/models/enums/user_types.dart';
import 'package:test_sa/models/service_request/service_request.dart';
import 'package:test_sa/models/subtitle.dart';
import 'package:test_sa/new_views/app_style/app_color.dart';
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
import 'package:test_sa/views/app_style/colors.dart';
import 'package:test_sa/views/app_style/sizing.dart';
import 'package:test_sa/views/pages/user/requests/create_request.dart';
import 'package:test_sa/views/pages/user/requests/work_order/create_service_report.dart';
import 'package:test_sa/views/pages/user/requests/work_order/future_service_report.dart';
import 'package:test_sa/views/pages/user/requests/work_order/work_orders_list_page.dart';
import 'package:test_sa/views/widgets/buttons/app_back_button.dart';
import 'package:test_sa/views/widgets/buttons/app_button.dart';
import 'package:test_sa/views/widgets/buttons/app_icon_button.dart';
import 'package:test_sa/views/widgets/images/files_list.dart';
import 'package:test_sa/views/widgets/loaders/app_loading.dart';
import 'package:test_sa/views/widgets/requests/info_row.dart';
import 'package:test_sa/views/widgets/requests/request_status.dart';
import 'package:test_sa/views/widgets/sound/sound_player.dart';
import 'package:test_sa/views/widgets/titles/app_sub_title.dart';
import '../../../../models/service_request/search_work_order.dart';

class ServiceRequestDetailsPage extends StatelessWidget {
  static const String id = "/call-details";
  ServiceRequest serviceRequest;

  ServiceRequestDetailsPage({Key key, this.serviceRequest}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    UserProvider _userProvider = Provider.of<UserProvider>(context);
    ServiceRequestsProvider _serviceRequestsProvider = Provider.of<ServiceRequestsProvider>(context);
    //  _serviceRequestsProvider.getServiceRequestObjectById(requestId: serviceRequest.id);

    Widget informationCard() {
      return Container(
        decoration: ShapeDecoration(
          color: Colors.white,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(20),
          ),
          shadows: const [BoxShadow(color: Color(0x07000000), blurRadius: 14, offset: Offset(0, 0), spreadRadius: 0)],
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    StatusLabel(
                        label: serviceRequest.priority.name,
                        id: serviceRequest.priority.id,
                        textColor: AColors.getPriorityStatusTextColor(serviceRequest.priority.id),
                        backgroundColor: AColors.getPriorityStatusColor(serviceRequest.priority.id)),
                    8.width,
                    StatusLabel(
                        label: serviceRequest.statusLabel,
                        textColor: AColors.getRequestStatusTextColor(serviceRequest.statusValue),
                        backgroundColor: AColors.getRequestStatusColor(serviceRequest.statusValue)),
                    1.width.expanded,
                    Text(serviceRequest.date.toServiceRequestCardFormat, textAlign: TextAlign.end, style: AppTextStyles.tinyFont.copyWith(color: const Color(0xFF3B3D4A))),
                  ],
                ),
                8.height,
                Text(serviceRequest.deviceEnName, style: AppTextStyles.heading5.copyWith(color: const Color(0xFF3B3D4A))),
                Text(
                  '${context.translation.assetNumber}:  ${serviceRequest.device.assetNumber}',
                  style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                ),
                Text(
                  'Request Type: ${serviceRequest.type.name}',
                  style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                ),
                Text(
                  'Request No: ${serviceRequest.requestCode}',
                  style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                ),
                8.height,
                const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
                8.height,
                Text(
                  'Manufacture: ${serviceRequest.device.modelDefinition.manufacturerName}',
                  style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                ),
                Text(
                  'Model: ${serviceRequest.device.modelDefinition.modelName}',
                  style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                ),
                8.height,
                if ((serviceRequest.callComments ?? "").isNotEmpty) ...[
                  const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
                  8.height,
                  Text(
                    serviceRequest.callComments,
                    style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                  ),
                ],
                if (serviceRequest.devicePhotos.isNotEmpty) ...[
                  8.height,
                  const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
                  FilesList(images: serviceRequest.devicePhotos),
                ],
                if (serviceRequest.audio?.isNotEmpty ?? false) ...[
                  const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
                  16.height,
                  ASoundPlayer(audio: serviceRequest.audio),
                ],
              ],
            ).paddingAll(16),
            (_userProvider.user.type == UsersTypes.normal_user
                    ? Container(
                        height: 50,
                        padding: const EdgeInsets.only(left: 16, right: 16),
                        alignment: Alignment.center,
                        width: double.infinity,
                        decoration: const ShapeDecoration(
                          color: Color(0xFFEAF1F4),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.only(
                              bottomLeft: Radius.circular(20),
                              bottomRight: Radius.circular(20),
                            ),
                          ),
                        ),
                        child: Row(
                          children: [
                            Text(
                              'Comment here...',
                              style: AppTextStyles.heading6.copyWith(
                                color: AppColor.neutral50.withOpacity(.6),
                              ),
                            ).expanded,
                            SvgPicture.asset("assets/images/comment_send.svg", width: 24 * AppStyle.getScaleFactor(context), height: 24 * AppStyle.getScaleFactor(context), color: AppColor.primary70),
                          ],
                        ),
                      )
                    : Column(
                        mainAxisSize: MainAxisSize.min,
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
                          16.height,
                          Row(
                            mainAxisSize: MainAxisSize.min,
                            children: [
                              Text(
                                'View Comments',
                                style: AppTextStyles.bodyText.copyWith(color: const Color(0xFF4A8DB7)),
                              ),
                              4.width,
                              const Icon(
                                Icons.arrow_forward,
                                color: Color(0xFF4A8DB7),
                                size: 14,
                              )
                            ],
                          ),
                        ],
                      ).paddingOnly(bottom: 16, start: 16, end: 16))
                .onPress(() {
              // todo 'sikander' add comment bottom sheet
            }),
          ],
        ),
      );
    }

    return Scaffold(
        appBar: DefaultAppBar(title: context.translation.serviceDetails),
        backgroundColor: const Color(0xfff8f9fb),
        body: SafeArea(
            child: FutureBuilder(
                future: _serviceRequestsProvider.getServiceRequestObjectById(requestId: serviceRequest.id),
                builder: (context, snap) {
                  if (snap.connectionState == ConnectionState.waiting) {
                    return const ALoading();
                  } else if (snap.hasData) {
                    serviceRequest = snap.data;
                    return Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        SingleChildScrollView(
                          padding: const EdgeInsets.all(16),
                          child: informationCard(),
                        ).expanded,
                        if (_userProvider.user.type != UsersTypes.engineer || (serviceRequest.statusValue == 5 || serviceRequest.statusValue == 3))
                          (serviceRequest.firstAction == null
                                  ? AppFilledButton(
                                      label: context.translation.firstAction,
                                      maxWidth: true,
                                      onPressed: () {
                                        Navigator.of(context).push(
                                          MaterialPageRoute(builder: (_) => CreateRequestPage(serviceRequest: serviceRequest)),
                                        );
                                      })
                                  : AppFilledButton(
                                      label: context.translation.viewWorkOrder,
                                      maxWidth: true,
                                      onPressed: () {
                                        Navigator.of(context).pushNamed(WorkOrderListPage.id, arguments: serviceRequest);
                                      }))
                              .paddingOnly(start: 16, end: 16, bottom: 24),
                      ],
                    );
                  }
                  return const SizedBox();
                })));
  }
}