import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:sefer_driver/controller/home/captin/help/help_controller.dart';
import 'package:sefer_driver/views/home/Captin/home_captain/help_details_replay_page.dart';

import 'package:flutter/cupertino.dart';

class HelpCaptain extends StatelessWidget {
  HelpCaptain({super.key});

  @override
  Widget build(BuildContext context) {
    Get.put(HelpController());
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('Helping Page'.tr),
        leading: CupertinoButton(
          padding: EdgeInsets.zero,
          child: Icon(CupertinoIcons.back),
          onPressed: () => Navigator.pop(context),
        ),
      ),
      child: SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            children: [
              Padding(
                padding: const EdgeInsets.symmetric(vertical: 12.0),
                child: Container(
                  padding: const EdgeInsets.all(16.0),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(12.0),
                    border: Border.all(
                      color: CupertinoColors.systemGrey2,
                    ),
                  ),
                  child: Text(
                    'If you need any help or have questions, this is the right place to do that. You are welcome!'
                        .tr,
                    style: CupertinoTheme.of(context).textTheme.textStyle,
                    textAlign: TextAlign.center,
                  ),
                ),
              ),
              Card(
                elevation: 3,
                color: CupertinoColors.systemGrey6,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(12.0),
                ),
                child: Padding(
                  padding: const EdgeInsets.all(16.0),
                  child: GetBuilder<HelpController>(
                    builder: (helpController) => Form(
                      key: helpController.formKey,
                      child: Column(
                        children: [
                          CupertinoTextField(
                            controller: helpController.helpQuestionController,
                            placeholder: 'Enter your Question here'.tr,
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(12),
                              border: Border.all(
                                color: CupertinoColors.systemGrey,
                              ),
                            ),
                            padding: const EdgeInsets.all(16),
                            clearButtonMode: OverlayVisibilityMode.editing,
                          ),
                          const SizedBox(height: 20),
                          helpController.isLoading
                              ? const CupertinoActivityIndicator()
                              : CupertinoButton.filled(
                                  onPressed: () {
                                    if (helpController.formKey.currentState!
                                        .validate()) {
                                      helpController.addHelpQuestion();

                                      // Clear the feedback form
                                      helpController.formKey.currentState!
                                          .reset();
                                    }
                                  },
                                  child: Text('Submit Question'.tr),
                                ),
                        ],
                      ),
                    ),
                  ),
                ),
              ),
              const SizedBox(height: 20),
              Expanded(
                child: GetBuilder<HelpController>(
                  builder: (helpController) => Padding(
                    padding: const EdgeInsets.all(10),
                    child: Container(
                      decoration: BoxDecoration(
                        border: Border.all(
                          color: CupertinoColors.systemGrey2,
                        ),
                        borderRadius: BorderRadius.circular(12.0),
                      ),
                      child: ListView.builder(
                        itemCount: helpController.helpQuestionDate['message'] !=
                                null
                            ? helpController.helpQuestionDate['message'].length
                            : 0,
                        itemBuilder: (BuildContext context, int index) {
                          var list =
                              helpController.helpQuestionDate['message'][index];
                          return Padding(
                            padding: const EdgeInsets.all(3),
                            child: Container(
                              padding: const EdgeInsets.symmetric(
                                  vertical: 12, horizontal: 16),
                              decoration: BoxDecoration(
                                border: Border.all(
                                  color: CupertinoColors.activeGreen,
                                  width: 2,
                                ),
                                borderRadius: BorderRadius.circular(12),
                              ),
                              child: GestureDetector(
                                onTap: () {
                                  helpController.getIndex(
                                      list['id'], list['helpQuestion']);
                                  helpController
                                      .getHelpRepley(list['id'].toString());
                                  Get.to(() => const HelpDetailsReplayPage());
                                },
                                child: Row(
                                  mainAxisAlignment:
                                      MainAxisAlignment.spaceBetween,
                                  children: [
                                    Expanded(
                                      child: Text(
                                        list['helpQuestion'],
                                        style: CupertinoTheme.of(context)
                                            .textTheme
                                            .textStyle,
                                        overflow: TextOverflow.ellipsis,
                                      ),
                                    ),
                                    Text(
                                      list['datecreated'],
                                      style: CupertinoTheme.of(context)
                                          .textTheme
                                          .tabLabelTextStyle,
                                    ),
                                  ],
                                ),
                              ),
                            ),
                          );
                        },
                      ),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}