import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/providers/api/comments_provider.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/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/user_types.dart';
import 'package:test_sa/models/service_request/service_request.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/pages/user/requests/comments_bottom_sheet.dart';
import 'package:test_sa/views/pages/user/requests/update_service_request_page.dart';
import 'package:test_sa/views/pages/user/requests/work_order/work_orders_list_page.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/sound/sound_player.dart';

import '../../../widgets/requests/request_status.dart';
import 'first_action_bottom_sheet.dart';

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

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

  @override
  State<ServiceRequestDetailsPage> createState() => _ServiceRequestDetailsPageState();
}

class _ServiceRequestDetailsPageState extends State<ServiceRequestDetailsPage> {
  bool loading = false;
  ServiceRequest? serviceRequest;

  @override
  void initState() {
    super.initState();
    getServiceRequest();
  }

  void getServiceRequest() {
    loading = true;
    setState(() {});
    WidgetsFlutterBinding.ensureInitialized().addPostFrameCallback((timeStamp) async {
      Provider.of<CommentsProvider>(context, listen: false).reset();
      serviceRequest = await Provider.of<ServiceRequestsProvider>(context, listen: false).getServiceRequestObjectById(requestId: widget.serviceRequest.id!);
      loading = false;
      setState(() {});
    });
  }

  @override
  Widget build(BuildContext context) {
    UserProvider userProvider = Provider.of<UserProvider>(context, listen: false);

    Widget informationCard(ServiceRequest serviceRequest) {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Row(
                        children: [
                          StatusLabel(
                            label: serviceRequest.priority!.name,
                            id: serviceRequest.priority!.id!,
                            textColor: AppColor.getPriorityStatusTextColor(context, serviceRequest.priority!.id!),
                            backgroundColor: AppColor.getPriorityStatusColor(context, serviceRequest.priority!.id!),
                          ),
                          8.width,
                          StatusLabel(
                            label: serviceRequest.statusLabel,
                            textColor: AppColor.getRequestStatusTextColor(context, serviceRequest.statusValue!),
                            backgroundColor: AppColor.getRequestStatusColor(context, serviceRequest.statusValue!),
                          ),
                          1.width.expanded,
                        ],
                      ),
                      8.height,
                      Text(serviceRequest.deviceEnName?.cleanupWhitespace.capitalizeFirstOfEach ?? "",
                          style: AppTextStyles.heading5.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50)),
                      8.height,
                      Text(
                        '${context.translation.assetNumber}:  ${serviceRequest.device!.assetNumber}',
                        style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
                      ),
                      Text(
                        '${context.translation.requestType}: ${serviceRequest.type!.name}',
                        style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
                      ),
                      Text(
                        '${context.translation.equipmentStatus}: ${serviceRequest.defectType!.name}',
                        style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
                      ),
                      Text(
                        '${context.translation.requestNo}: ${serviceRequest.requestCode}',
                        style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
                      ),
                      Text(
                        '${context.translation.requesterName}: ${serviceRequest.callCreatedBy?.name ?? "-"}',
                        style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
                      ),
                    ],
                  ).expanded,
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.end,
                    children: [
                      if (userProvider.user!.type == UsersTypes.normal_user)
                        context.translation.code.toSvgAsset(width: 48).onPress(() {
                          Navigator.push(context, MaterialPageRoute(builder: (context) => UpdateServiceRequestPage(serviceRequest: serviceRequest)));
                        }),
                      if (userProvider.user!.type == UsersTypes.engineer) 16.height,
                      Text(
                        serviceRequest.date!.toServiceRequestCardFormat,
                        textAlign: TextAlign.end,
                        style: AppTextStyles.tinyFont.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50),
                      ),
                    ],
                  )
                ],
              ),
              8.height,
              const Divider().defaultStyle(context),
              8.height,
              Text(
                '${context.translation.manufacture}: ${serviceRequest.device!.modelDefinition!.manufacturerName?.cleanupWhitespace.capitalizeFirstOfEach}',
                style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
              ),
              Text(
                '${context.translation.model}: ${serviceRequest.device!.modelDefinition!.modelName?.cleanupWhitespace.capitalizeFirstOfEach}',
                style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
              ),
              Text(
                '${context.translation.site}: ${serviceRequest.device!.site?.custName?.cleanupWhitespace.capitalizeFirstOfEach}',
                style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
              ),
              Text(
                '${context.translation.building}: ${serviceRequest.device!.building?.name?.cleanupWhitespace.capitalizeFirstOfEach}',
                style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
              ),
              Text(
                '${context.translation.floor}: ${serviceRequest.device!.floor?.name?.cleanupWhitespace.capitalizeFirstOfEach ?? ""}',
                style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
              ),
              Text(
                '${context.translation.department}: ${serviceRequest.device!.department?.departmentName?.cleanupWhitespace.capitalizeFirstOfEach}',
                style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
              ),
              Text(
                '${context.translation.room}: ${(serviceRequest.device!.room?.name ?? "").cleanupWhitespace.capitalizeFirstOfEach}',
                style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
              ),
              8.height,
              if ((serviceRequest.callComments ?? "").isNotEmpty) ...[
                const Divider().defaultStyle(context),
                8.height,
                Text(
                  serviceRequest.callComments!,
                  style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
                ),
              ],
              if (serviceRequest.devicePhotos?.isNotEmpty ?? false) ...[
                8.height,
                const Divider().defaultStyle(context),
                FilesList(images: serviceRequest.devicePhotos!),
              ],
              if (serviceRequest.audio?.isNotEmpty ?? false) ...[
                const Divider().defaultStyle(context),
                16.height,
                ASoundPlayer(audio: serviceRequest.audio!),
                8.height,
              ],
            ],
          ).paddingOnly(start: 16, end: 16, top: 16, bottom: 8),
          (userProvider.user!.type == UsersTypes.normal_user
                  ? Container(
                      height: 50,
                      padding: const EdgeInsets.only(left: 16, right: 16),
                      alignment: Alignment.center,
                      width: double.infinity,
                      decoration: ShapeDecoration(
                        color: context.isDark ? AppColor.neutral50 : AppColor.neutral30,
                        shape: const RoundedRectangleBorder(
                          borderRadius: BorderRadius.only(
                            bottomLeft: Radius.circular(20),
                            bottomRight: Radius.circular(20),
                          ),
                        ),
                      ),
                      child: Row(
                        children: [
                          Text(
                            '${context.translation.commentHere}...',
                            style: AppTextStyles.heading6.copyWith(
                              color: (context.isDark ? AppColor.neutral30 : AppColor.neutral50).withOpacity(.6),
                            ),
                          ).expanded,
                          "comment_send".toSvgAsset(width: 24, color: context.isDark ? AppColor.primary50 : AppColor.primary70),
                        ],
                      ),
                    )
                  : Column(
                      mainAxisSize: MainAxisSize.min,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        const Divider().defaultStyle(context),
                        16.height,
                        Row(
                          mainAxisSize: MainAxisSize.min,
                          children: [
                            Text(
                              context.translation.viewComments,
                              style: AppTextStyles.bodyText.copyWith(color: AppColor.blueStatus(context)),
                            ),
                            4.width,
                            Icon(Icons.arrow_forward, color: AppColor.blueStatus(context), size: 14)
                          ],
                        ),
                      ],
                    ).paddingOnly(bottom: 16, start: 16, end: 16))
              .onPress(() {
            showModalBottomSheet(
              context: context,
              useSafeArea: true,
              isScrollControlled: true,
              useRootNavigator: true,
              backgroundColor: Colors.transparent,
              builder: (context) => CommentsBottomSheet(requestId: serviceRequest.id!),
            );
          }),
        ],
      ).toShadowContainer(context, padding: 0);
    }

    return Scaffold(
      appBar: DefaultAppBar(title: context.translation.serviceDetails),
      //backgroundColor: const Color(0xfff8f9fb),
      body: SafeArea(
        child: loading
            ? const ALoading().center
            : serviceRequest == null
                ? Text(
                    context.translation.noDataFound,
                    style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
                  ).center
                : Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      SingleChildScrollView(
                        padding: const EdgeInsets.all(16),
                        child: informationCard(serviceRequest!),
                      ).expanded,
                      if (userProvider.user!.type == UsersTypes.engineer || (serviceRequest!.statusValue == 5 || serviceRequest!.statusValue == 3))
                        (serviceRequest?.firstAction == null
                                ? AppFilledButton(
                                    label: context.translation.firstAction,
                                    maxWidth: true,
                                    onPressed: () async {
                                      bool shouldReloadData = (await showModalBottomSheet(
                                        context: context,
                                        useSafeArea: true,
                                        isScrollControlled: true,
                                        backgroundColor: Colors.transparent,
                                        builder: (context) => FirstActionBottomSheet(request: serviceRequest!),
                                      )) as bool;
                                      if (shouldReloadData ?? false) {
                                        getServiceRequest();
                                      }
                                    },
                                  )
                                : AppFilledButton(
                                    label: context.translation.viewWorkOrder,
                                    maxWidth: true,
                                    onPressed: () {
                                      Navigator.push(
                                        context,
                                        MaterialPageRoute(builder: (context) => WorkOrderListPage(serviceRequest: serviceRequest)),
                                      );
                                      // Navigator.of(context).pushNamed(WorkOrderListPage.id, arguments: serviceRequest);
                                    },
                                  ))
                            .paddingOnly(start: 16, end: 16, bottom: 24),
                    ],
                  ),
      ),
    );
  }
}