import 'dart:io';

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';

import '../../../../api/user_api_client.dart';
import '../../../../controllers/localization/localization.dart';
import '../../../../controllers/providers/api/service_requests_provider.dart';
import '../../../../controllers/validator/validator.dart';
import '../../../../extensions/int_extensions.dart';
import '../../../../extensions/widget_extensions.dart';
import '../../../../models/device/device.dart';
import '../../../../models/service_request/service_request.dart';
import '../../../../models/subtitle.dart';
import '../../../app_style/colors.dart';
import '../../../widgets/app_text_form_field.dart';
import '../../../widgets/buttons/app_back_button.dart';
import '../../../widgets/buttons/app_button.dart';
import '../../../widgets/equipment/device_button.dart';
import '../../../widgets/images/multi_image_picker.dart';
import '../../../widgets/loaders/loading_manager.dart';
import '../../../widgets/sound/record_sound.dart';
import '../../../widgets/speech_to_text/speech_to_text.dart';
import '../../../widgets/status/service_request/service_request_defect_types_mune.dart';
import '../../../widgets/status/service_request/service_request_priority_mune.dart';
import '../../../widgets/titles/app_sub_title.dart';

class CreateRequestPage extends StatefulWidget {
  static const String id = "/create-request";

  const CreateRequestPage({super.key});

  @override
  CreateRequestPageState createState() => CreateRequestPageState();
}

class CreateRequestPageState extends State<CreateRequestPage> {
  late double _height;
  late ServiceRequestsProvider _serviceRequestsProvider;
  final ServiceRequest _serviceRequest = ServiceRequest();
  Device? _device;
  Subtitle? _subtitle;
  final List<File> _deviceImages = [];
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
  late TextEditingController _controller;

  @override
  void initState() {
    super.initState();
    _controller = TextEditingController();
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    _height = MediaQuery.of(context).size.height;
    _subtitle = AppLocalization.of(context)?.subtitle;
    _serviceRequestsProvider = Provider.of<ServiceRequestsProvider>(context);
    return Scaffold(
      key: _scaffoldKey,
      body: SafeArea(
        child: LoadingManager(
          isLoading: _serviceRequestsProvider.loading,
          isFailedLoading: false,
          stateCode: 200,
          onRefresh: () async {},
          child: Form(
            key: _formKey,
            child: Stack(
              children: [
                ListView(
                  children: [
                    //AppNameBar(),
                    const SizedBox(
                      height: 16,
                    ),
                    Hero(
                      tag: "logo",
                      child: Image(
                        height: _height / 6,
                        image: const AssetImage("assets/images/logo.png"),
                      ),
                    ),
                    Center(
                      child: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Text(
                          _subtitle?.newServiceRequest ?? '',
                          style: Theme.of(context).textTheme.headlineSmall?.copyWith(color: AColors.cyan, fontWeight: FontWeight.w600),
                        ),
                      ),
                    ),
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        12.height,
                        UserApiClient().user?.hospital == null
                            ? const SizedBox.shrink()
                            : ATextFormField(
                                enable: false,
                                initialValue: UserApiClient().user?.hospital?.name ?? _subtitle?.noHospitalFound,
                                hintText: _subtitle?.hospital,
                                prefixIconData: FontAwesomeIcons.hospital,
                                style: Theme.of(context).textTheme.titleMedium,
                              ),
                        12.height,
                        UserApiClient().user?.department == null
                            ? const SizedBox.shrink()
                            : ATextFormField(
                                enable: false,
                                initialValue: UserApiClient().user?.department?.name ?? _subtitle?.noUniteFound,
                                hintText: _subtitle?.unite,
                                prefixIconData: FontAwesomeIcons.hospitalUser,
                                style: Theme.of(context).textTheme.titleMedium,
                              ),
                        12.height,
                        DeviceButton(
                          device: _device,
                          onDevicePick: (device) {
                            _device = device;
                            setState(() {});
                          },
                        ),
                        const SizedBox(
                          height: 8,
                        ),
                        const ASubTitle("Priority"),
                        const SizedBox(
                          height: 4,
                        ),
                        ServiceRequestPriorityMenu(
                          initialValue: _serviceRequest.priority,
                          onSelect: (status) {
                            _serviceRequest.priority = status;
                          },
                        ),
                        const SizedBox(
                          height: 8,
                        ),
                        const ASubTitle("Defect Type"),
                        const SizedBox(
                          height: 4,
                        ),
                        ServiceRequestDefectTypesMenu(
                          initialValue: _serviceRequest.defectType,
                          onSelect: (status) {
                            _serviceRequest.defectType = status;
                          },
                        ),
                        12.height,
                        MultiImagesPicker(
                          label: _subtitle?.deviceImages,
                          images: _deviceImages,
                        ),
                        12.height,
                        SpeechToTextButton(controller: _controller),
                        12.height,
                        ATextFormField(
                          controller: _controller,
                          initialValue: _serviceRequest.maintenanceIssue,
                          hintText: _subtitle?.maintenanceIssue,
                          prefixIconData: FontAwesomeIcons.triangleExclamation,
                          style: Theme.of(context).textTheme.titleLarge,
                          textInputType: TextInputType.multiline,
                          validator: (value) => Validator.hasValue(value) ? null : _subtitle?.maintenanceIssueRequired,
                          onSaved: (value) {
                            _serviceRequest.maintenanceIssue = value;
                          },
                        ),
                        12.height,
                        RecordSound(onRecord: (audio) {
                          _serviceRequest.audio = audio;
                        }),
                        12.height,
                      ],
                    ).paddingOnly(left: 20, right: 20),
                    Padding(
                      padding: const EdgeInsets.all(20.0),
                      child: AButton(
                        text: _subtitle?.submit ?? '',
                        onPressed: () async {
                          if (_formKey.currentState?.validate() ?? false) {
                            _formKey.currentState?.save();
                            _serviceRequest.deviceId = _device?.id ?? "";
                            await _serviceRequestsProvider.createRequest(context, serviceRequest: _serviceRequest, deviceImages: _deviceImages);
                          }
                        },
                      ),
                    ),
                  ],
                ),
                const ABackButton(),
              ],
            ),
          ),
        ),
      ),
    );
  }
}